Răsfoiți Sursa

CSS: Don't show border on empty element

JC Brand 4 ani în urmă
părinte
comite
19a9da3032
3 a modificat fișierele cu 10 adăugiri și 10 ștergeri
  1. 5 8
      sass/_chatbox.scss
  2. 4 2
      sass/_chatrooms.scss
  3. 1 0
      sass/_variables.scss

+ 5 - 8
sass/_chatbox.scss

@@ -245,18 +245,12 @@
             }
             }
 
 
             .chat-content__help {
             .chat-content__help {
-                border-top: 1px solid var(--chat-head-color);
                 max-height: 100%;
                 max-height: 100%;
-                .close-chat-help {
-                    svg {
-                        fill: var(--chat-head-color);
-                    }
-                }
-
                 converse-chat-help {
                 converse-chat-help {
+                    border-top: 1px solid var(--chat-head-color);
+                    display: block;
                     height: 100%;
                     height: 100%;
                     overflow-y: auto;
                     overflow-y: auto;
-                    display: block;
                     padding: 0.5em 0;
                     padding: 0.5em 0;
                 }
                 }
                 .close-chat-help {
                 .close-chat-help {
@@ -264,6 +258,9 @@
                     padding-right: 1em;
                     padding-right: 1em;
                     cursor: pointer;
                     cursor: pointer;
                     color: var(--chat-content-background-color);
                     color: var(--chat-content-background-color);
+                    svg {
+                        fill: var(--chat-head-color);
+                    }
                 }
                 }
             }
             }
 
 

+ 4 - 2
sass/_chatrooms.scss

@@ -178,10 +178,12 @@
                         height: 100%;
                         height: 100%;
                     }
                     }
                     .chat-content__help {
                     .chat-content__help {
-                        border-top: 1px solid var(--chatroom-head-bg-color);
+                        converse-chat-help {
+                            border-top: 1px solid var(--chatroom-color);
+                        }
                         .close-chat-help {
                         .close-chat-help {
                             svg {
                             svg {
-                                fill: var(--chatroom-head-bg-color);
+                                fill: var(--chatroom-color);
                             }
                             }
                         }
                         }
                     }
                     }

+ 1 - 0
sass/_variables.scss

@@ -115,6 +115,7 @@ $mobile_portrait_length: 480px !default;
     --heading-display: block;
     --heading-display: block;
     --heading-color: white;
     --heading-color: white;
 
 
+    --chatroom-color: var(--redder-orange);
     --chatroom-badge-color: var(--chatroom-head-bg-color);
     --chatroom-badge-color: var(--chatroom-head-bg-color);
     --chatroom-badge-hover-color: var(--chatroom-head-bg-color-dark);
     --chatroom-badge-hover-color: var(--chatroom-head-bg-color-dark);
     --chatroom-correcting-color: #fadfd7; // lighten($red, 30%)
     --chatroom-correcting-color: #fadfd7; // lighten($red, 30%)