Browse Source

Re-styles scrollbars

master
yanas 8 years ago
parent
commit
dc5a29a976
2 changed files with 47 additions and 22 deletions
  1. 25
    0
      css/_base.scss
  2. 22
    22
      css/_chat.scss

+ 25
- 0
css/_base.scss View File

150
     -webkit-user-select: text;
150
     -webkit-user-select: text;
151
     user-select: text;
151
     user-select: text;
152
 }
152
 }
153
+
154
+/**
155
+ * Re-style default OS scrollbar.
156
+ */
157
+::-webkit-scrollbar {
158
+    background: transparent;
159
+    width: 7px;
160
+}
161
+
162
+::-webkit-scrollbar-button {
163
+    display: none;
164
+}
165
+
166
+::-webkit-scrollbar-track {
167
+    background: transparent;
168
+}
169
+
170
+::-webkit-scrollbar-track-piece {
171
+    background: transparent;
172
+}
173
+
174
+::-webkit-scrollbar-thumb {
175
+    background: rgba(0, 0, 0, .5);
176
+    border-radius: 4px;
177
+}

+ 22
- 22
css/_chat.scss View File

31
     a:active {
31
     a:active {
32
         color: black;
32
         color: black;
33
     }
33
     }
34
+
35
+    &::-webkit-scrollbar {
36
+        background: #06a5df;
37
+        width: 7px;
38
+    }
39
+
40
+    &::-webkit-scrollbar-button {
41
+        display: none;
42
+    }
43
+
44
+    &::-webkit-scrollbar-track {
45
+        background: black;
46
+    }
47
+
48
+    &::-webkit-scrollbar-track-piece {
49
+        background: black;
50
+    }
51
+
52
+    &::-webkit-scrollbar-thumb {
53
+        background: #06a5df;
54
+        border-radius: 4px;
55
+    }
34
 }
56
 }
35
 
57
 
36
 #chat_container.is-conversation-mode #chatconversation {
58
 #chat_container.is-conversation-mode #chatconversation {
212
     line-height: 30px;
234
     line-height: 30px;
213
 }
235
 }
214
 
236
 
215
-:not(.default-scrollbar)::-webkit-scrollbar {
216
-    background: #06a5df;
217
-    width: 7px;
218
-}
219
-
220
-:not(.default-scrollbar)::-webkit-scrollbar-button {
221
-    display: none;
222
-}
223
-
224
-:not(.default-scrollbar)::-webkit-scrollbar-track {
225
-    background: black;
226
-}
227
-
228
-:not(.default-scrollbar)::-webkit-scrollbar-track-piece {
229
-    background: black;
230
-}
231
-
232
-:not(.default-scrollbar)::-webkit-scrollbar-thumb {
233
-    background: #06a5df;
234
-    border-radius: 4px;
235
-}
236
-
237
 #usermsg::-webkit-scrollbar-track-piece {
237
 #usermsg::-webkit-scrollbar-track-piece {
238
     background: #3a3a3a;
238
     background: #3a3a3a;
239
 }
239
 }

Loading…
Cancel
Save