xmpp.chapril.org-conversejs/sass/_headline.scss
JC Brand 7a18f59f8f Simplify rendering of trimmed chats
Also fix issue where trimmed headline chatboxes don't show the proper
color
2019-05-29 13:28:45 +02:00

42 lines
1.0 KiB
SCSS

#conversejs {
.chat-head-headline {
background-color: var(--headline-head-color);
}
.chatbox.headlines {
.chat-head {
&.chat-head-chatbox {
background-color: var(--headline-head-color);
}
}
.chat-body {
background-color: var(--headline-head-color);
border-radius: var(--chatbox-border-radius);
.chat-message {
color: var(--headline-message-color);
}
}
.chat-content {
height: 100%;
}
}
}
#conversejs.converse-fullscreen {
.chatbox.headlines {
.box-flyout {
background-color: var(--headline-head-color);
}
.chat-head {
&.chat-head-chatbox {
background-color: var(--headline-head-color);
}
}
.flyout {
border: var(--flyout-padding) solid var(--headline-head-color);
border-top: 0.8em solid var(--headline-head-color);
}
}
}