Merge pull request #1594 from jitsi/fix-scrollbars

Re-styles scrollbars

css/_base.scss

@@ -150,3 +150,28 @@ form {
     -webkit-user-select: text;
     user-select: text;
 }
+
+/**
+ * Re-style default OS scrollbar.
+ */
+::-webkit-scrollbar {
+    background: transparent;
+    width: 7px;
+}
+
+::-webkit-scrollbar-button {
+    display: none;
+}
+
+::-webkit-scrollbar-track {
+    background: transparent;
+}
+
+::-webkit-scrollbar-track-piece {
+    background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+    background: rgba(0, 0, 0, .5);
+    border-radius: 4px;
+}

css/_chat.scss

@@ -31,6 +31,28 @@
     a:active {
         color: black;
     }
+
+    &::-webkit-scrollbar {
+        background: #06a5df;
+        width: 7px;
+    }
+
+    &::-webkit-scrollbar-button {
+        display: none;
+    }
+
+    &::-webkit-scrollbar-track {
+        background: black;
+    }
+
+    &::-webkit-scrollbar-track-piece {
+        background: black;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        background: #06a5df;
+        border-radius: 4px;
+    }
 }
 
 #chat_container.is-conversation-mode #chatconversation {
@@ -212,28 +234,6 @@
     line-height: 30px;
 }
 
-:not(.default-scrollbar)::-webkit-scrollbar {
-    background: #06a5df;
-    width: 7px;
-}
-
-:not(.default-scrollbar)::-webkit-scrollbar-button {
-    display: none;
-}
-
-:not(.default-scrollbar)::-webkit-scrollbar-track {
-    background: black;
-}
-
-:not(.default-scrollbar)::-webkit-scrollbar-track-piece {
-    background: black;
-}
-
-:not(.default-scrollbar)::-webkit-scrollbar-thumb {
-    background: #06a5df;
-    border-radius: 4px;
-}
-
 #usermsg::-webkit-scrollbar-track-piece {
     background: #3a3a3a;
 }