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

83 lines
2.2 KiB
SCSS

#converse-embedded-chat,
#conversejs:not(.fullscreen) {
.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 {
min-width: $chat-width!important;
width: $chat-width;
.box-flyout {
min-width: $chat-width!important;
width: $chat-width;
}
.chat-body {
.chat-message {
padding: 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 {
min-width: 15rem;
ul {
&.emoji-toolbar {
width: 100%;
.emoji-category {
float: left;
}
li {
padding: 2px;
}
}
}
}
&.toggle-smiley {
ul {
li {
padding: 2px;
}
}
}
}
}
}
}
}
@include media-breakpoint-down(sm) {
#conversejs:not(.fullscreen) {
> .row {
flex-direction: column;
&.no-gutters {
margin: -1em;
}
}
}
}