xmpp.chapril.org-conversejs/sass/converse/_chatbox.scss

61 lines
1.8 KiB
SCSS

#converse-embedded-chat,
#conversejs {
.chat-head {
border-top-left-radius: $chatbox-border-radius;
border-top-right-radius: $chatbox-border-radius;
@media screen and (max-height: $mobile-landscape-height) {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
@media screen and (max-width: $mobile-portrait-length) {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
.chatbox {
.chat-body {
.chat-message {
margin: 0.3em;
line-height: $line-height-large;
.chat-msg-author {
line-height: $line-height-large;
}
.chat-msg-content {
line-height: $line-height-large;
.emojione {
margin-bottom: -5px;
}
}
}
}
}
.chatbox {
form.sendXMPPMessage {
.chat-toolbar {
li {
.toolbar-menu {
ul {
&.emoji-toolbar {
width: 100%;
.emoji-category {
float: left;
}
li {
padding: 2px;
}
}
}
}
&.toggle-smiley {
ul {
li {
padding: 2px;
}
}
}
}
}
}
}
}