merge(iblh#457): merge ElderJames/style/scrollbar/global-style into c…

…anary style(scrollbar): become the same as sidebar and auto-hidding
zsjsll · Jul 29, 2017 · 19d5355 · 19d5355
2 parents 3b8d3b7 + 985c201
commit 19d5355
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 7 deletions.
diff --git a/source/css/style.css b/source/css/style.css
@@ -1837,18 +1837,27 @@ a {
     text-align: left;
     text-transform: none
 }
-.sidebar::-webkit-scrollbar-track {
-    border-radius: 2px
-}
 .sidebar::-webkit-scrollbar {
     width: 5px;
+    background-color: #F7F7F7;
+}
+::-webkit-scrollbar {
+    width: 5px;
+    background: transparent;
+}
+:hover::-webkit-scrollbar{
     background-color: #F7F7F7
 }
-.sidebar::-webkit-scrollbar-thumb {
+.sidebar::-webkit-scrollbar-track,
+:hover::-webkit-scrollbar-track {
+    border-radius: 2px
+}
+.sidebar::-webkit-scrollbar-thumb,
+:hover::-webkit-scrollbar-thumb {
     border-radius: 10px;
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
-    background-color: #BFBFBF
-}
+    background-color: #BFBFBF;
+} 
 .sidebar .sidebar-header {
     height: 158.13px;
     -webkit-transition: all .2s ease-in-out;