css: fix rounded corners for chats in overlayed mode

b8be707d · JC Brand · 54f40286 · b8be707d
Commit b8be707d authored Jul 07, 2020 by JC Brand
Hide whitespace changes
Inline Side-by-side

Showing with 16 additions and 10 deletions

sass/_chatbox.scss sass/_chatbox.scss +16 -10

No files found.
--- a/sass/_chatbox.scss
+++ b/sass/_chatbox.scss
@@ -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);
    }