mirror of
https://gitlab.com/schmiddi-on-mobile/flare.git
synced 2026-10-25 05:07:45 -04:00
60 lines
1.1 KiB
CSS
60 lines
1.1 KiB
CSS
.message-bubble {
|
|
color: @window_fg_color;
|
|
border-radius: 15px;
|
|
padding: 9px;
|
|
background-color: mix(@window_bg_color, @window_fg_color, .05);
|
|
}
|
|
.message-list row {
|
|
padding:0;
|
|
}
|
|
.message-item {
|
|
margin: 5px 0 ;
|
|
}
|
|
|
|
.message-item.from-self .message-bubble {
|
|
background-color: alpha(@accent_bg_color, 0.3);
|
|
color: @card_fg_color;
|
|
}
|
|
|
|
.message-item:not(.has-header) .avatar-other {
|
|
opacity: 0;
|
|
}
|
|
|
|
.reaction {
|
|
background-color: mix(@window_bg_color, @window_fg_color, .05);
|
|
border: 1px solid @accent_bg_color;
|
|
border-radius: 15px;
|
|
padding: 6px 9px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.quote {
|
|
background-color: mix(@window_bg_color, @accent_bg_color, .1);
|
|
border-left:4px solid;
|
|
border-left-color: @accent_bg_color;
|
|
border-radius: 8px;
|
|
color: @window_fg_color;
|
|
padding: 9px;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.message-item.from-self .quote {
|
|
border-left-color: @accent_fg_color;
|
|
}
|
|
|
|
.timestamp {
|
|
padding-left: 6px;
|
|
}
|
|
|
|
.emoji .message-text, .emoji.from-self .message-text{
|
|
font-size: 3em;
|
|
}
|
|
|
|
.emoji:not(.has-quote) .message-bubble, .emoji.from-self:not(.has-quote) .message-bubble{
|
|
background: transparent;
|
|
}
|
|
|
|
.fl-emoji-picker{
|
|
margin: 6px;
|
|
}
|