mirror of
https://github.com/tulir/gomuks.git
synced 2025-04-20 10:33:41 -05:00
69 lines
1,020 B
CSS
69 lines
1,020 B
CSS
blockquote.reply-body {
|
|
margin: 0 0 .25rem;
|
|
border-left: 2px solid #aaa;
|
|
padding: .25rem .5rem;
|
|
|
|
pre {
|
|
display: inline;
|
|
|
|
&.chroma .line {
|
|
display: inline;
|
|
}
|
|
}
|
|
|
|
&:hover, &.composer {
|
|
border-color: black;
|
|
|
|
> div.message-text {
|
|
color: black;
|
|
}
|
|
}
|
|
|
|
> div.message-text {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
color: #666;
|
|
}
|
|
|
|
&.thread > div.reply-sender > span.event-sender::after {
|
|
content: " (thread)";
|
|
font-size: .75rem;
|
|
color: #666;
|
|
}
|
|
|
|
> div.reply-sender {
|
|
display: flex;
|
|
align-items: center;
|
|
text-wrap: nowrap;
|
|
|
|
> div.sender-avatar {
|
|
width: 1rem;
|
|
height: 1rem;
|
|
margin-right: .25rem;
|
|
}
|
|
|
|
> span.event-sender {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
> button.close-reply {
|
|
display: flex;
|
|
margin-left: auto;
|
|
align-items: center;
|
|
border-radius: .25rem;
|
|
padding: 0;
|
|
|
|
> svg {
|
|
height: 24px;
|
|
width: 24px;
|
|
}
|
|
|
|
&:hover {
|
|
background-color: #ccc;
|
|
}
|
|
}
|
|
}
|
|
}
|