Fixed quiet scrollbar based on @TomMalbran's feedback.

larz0 · larz0 · commit edce885f6170 · 2013-09-05T21:32:26.000-07:00
diff --git a/src/styles/brackets_scrollbars.less b/src/styles/brackets_scrollbars.less
@@ -39,7 +39,6 @@
     }
 
     ::-webkit-scrollbar-thumb {
-        background-color: rgba(0,0,0,0);
         box-shadow: none;
         border: none;
     }
@@ -52,20 +51,20 @@
         background-color: transparent;
     }
 
-    /* The data URIs for the thumb were generated from the Fireworks files in
-     * styles/vertical-thumb-fw-outline.png and styles/horiz-thumb-fw-outline.png.
-     */
+    :hover::-webkit-scrollbar-thumb,
+    :focus::-webkit-scrollbar-thumb {
+        border-radius: 999px;
+        box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.6) inset;
+        border: 2px solid transparent;
+    }
+
     :hover::-webkit-scrollbar-thumb:vertical,
     :focus::-webkit-scrollbar-thumb:vertical {
-        border-color: transparent;
-        border-width: 9px 0;
         min-height: 20px;
     }
 
     :hover::-webkit-scrollbar-thumb:horizontal,
     :focus::-webkit-scrollbar-thumb:horizontal {
-        border-color: transparent;
-        border-width: 0 9px;
         min-width: 20px;
     }
 }
@@ -87,7 +86,7 @@
     ::-webkit-scrollbar-thumb {
         border-radius: 999px;
         box-shadow: 0 0 0 4px @custom-scrollbar-thumb inset;
-        border: 2px solid rgba(0, 0, 0, 0);
+        border: 2px solid transparent;
     }
 
     ::-webkit-scrollbar-corner {

Original file line number	Diff line number	Diff line change
`@@ -39,7 +39,6 @@`
`39`	`39`	`}`
`40`	`40`
`41`	`41`	`::-webkit-scrollbar-thumb {`
`42`		`- background-color: rgba(0,0,0,0);`
`43`	`42`	`box-shadow: none;`
`44`	`43`	`border: none;`
`45`	`44`	`}`
`@@ -52,20 +51,20 @@`
`52`	`51`	`background-color: transparent;`
`53`	`52`	`}`
`54`	`53`
`55`		`- /* The data URIs for the thumb were generated from the Fireworks files in`
`56`		`- * styles/vertical-thumb-fw-outline.png and styles/horiz-thumb-fw-outline.png.`
`57`		`- */`
	`54`	`+ :hover::-webkit-scrollbar-thumb,`
	`55`	`+ :focus::-webkit-scrollbar-thumb {`
	`56`	`+ border-radius: 999px;`
	`57`	`+ box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.6) inset;`
	`58`	`+ border: 2px solid transparent;`
	`59`	`+ }`
	`60`	`+`
`58`	`61`	`:hover::-webkit-scrollbar-thumb:vertical,`
`59`	`62`	`:focus::-webkit-scrollbar-thumb:vertical {`
`60`		`- border-color: transparent;`
`61`		`- border-width: 9px 0;`
`62`	`63`	`min-height: 20px;`
`63`	`64`	`}`
`64`	`65`
`65`	`66`	`:hover::-webkit-scrollbar-thumb:horizontal,`
`66`	`67`	`:focus::-webkit-scrollbar-thumb:horizontal {`
`67`		`- border-color: transparent;`
`68`		`- border-width: 0 9px;`
`69`	`68`	`min-width: 20px;`
`70`	`69`	`}`
`71`	`70`	`}`
`@@ -87,7 +86,7 @@`
`87`	`86`	`::-webkit-scrollbar-thumb {`
`88`	`87`	`border-radius: 999px;`
`89`	`88`	`box-shadow: 0 0 0 4px @custom-scrollbar-thumb inset;`
`90`		`- border: 2px solid rgba(0, 0, 0, 0);`
	`89`	`+ border: 2px solid transparent;`
`91`	`90`	`}`
`92`	`91`
`93`	`92`	`::-webkit-scrollbar-corner {`