Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
24
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

css: fix rounded corners for chats in overlayed mode

Browse Source
This commit is contained in:
JC Brand 2020-07-07 14:06:33 +02:00
parent 54f402867f
commit b8be707dc5
1 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
sass/_chatbox.scss
View File

@ -484,16 +484,8 @@
padding: 0.5em;
}
.chat-head {
border-top-left-radius: var(--chatbox-border-radius);
border-top-right-radius: var(--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;
}
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.chatbox {
min-width: var(--overlayed-chat-width) !important;
@ -507,6 +499,20 @@
}
#conversejs.converse-overlayed {
.chat-head, .box-flyout {
border-top-left-radius: var(--chatbox-border-radius);
border-top-right-radius: var(--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;
}
}
.flyout {
bottom: var(--overlayed-chatbox-hover-height);
}