snort/packages/app/src/Element/Textarea.css

70 lines
1.0 KiB
CSS
Raw Normal View History

.rta__list {
border: none;
}
.rta__item:not(:last-child) {
border: none;
}
.rta__entity--selected .user-item,
.rta__entity--selected .emoji-item {
text-decoration: none;
background: var(--gray-secondary);
}
.user-item,
.emoji-item {
color: var(--font-color);
background: var(--note-bg);
2023-01-14 10:07:49 +00:00
display: flex;
flex-direction: row;
align-items: center;
2023-01-14 10:18:01 +00:00
font-size: 16px;
2023-01-14 22:55:45 +00:00
padding: 10px;
2023-01-14 10:07:49 +00:00
}
.user-item:hover,
.emoji-item:hover {
2023-01-16 22:23:24 +00:00
background: var(--gray-tertiary);
}
2023-01-14 10:07:49 +00:00
.user-item .picture {
width: 30px;
height: 30px;
border-radius: 100%;
}
.user-picture {
display: flex;
align-items: center;
justify-content: center;
margin-right: 8px;
}
.user-picture .avatar {
border-width: 1px;
width: 40px;
height: 40px;
}
2023-01-14 10:07:49 +00:00
.user-details {
display: flex;
flex-direction: column;
align-items: flex-start;
}
2023-01-14 10:18:01 +00:00
2023-01-25 18:08:53 +00:00
.user-item .nip05 {
font-size: var(--font-size-tiny);
2023-01-14 10:18:01 +00:00
}
2023-01-18 22:16:43 +00:00
.emoji-item {
2023-01-25 18:08:53 +00:00
font-size: var(--font-size-tiny);
2023-01-18 22:16:43 +00:00
}
.emoji-item .emoji {
margin-right: 0.2em;
min-width: 20px;
2023-01-18 22:16:43 +00:00
}
.emoji-item .emoji-name {
font-weight: bold;
}