Darken the flyout scrollbars.

f2c9c89d · Neil Fraser · 1ca2fdc8 · f2c9c89d · f2c9c89d
Commit f2c9c89d authored Jul 15, 2015 by Neil Fraser
Expand all Hide whitespace changes
Inline Side-by-side

Showing with 24 additions and 17 deletions

blockly_compressed.js blockly_compressed.js +13 -13

core/css.js core/css.js +11 -4

No files found.
--- a/blockly_compressed.js
+++ b/blockly_compressed.js
--- a/core/css.js
+++ b/core/css.js
@@ -316,10 +316,6 @@ Blockly.Css.CONTENT = [
  '  fill-opacity: .8;',
  '}',

-  '.blocklyColourBackground {',
-  '  fill: #666;',
-  '}',
-
  '.blocklyScrollbarBackground {',
  '  opacity: 0;',
  '}',
@@ -333,6 +329,17 @@ Blockly.Css.CONTENT = [
  '  fill: #bbb;',
  '}',

+  /* Darken flyout scrollbars due to being on a grey background. */
+  /* By contrast, workspace scrollbars are on a white background. */
+  '.blocklyFlyout .blocklyScrollbarKnob {',
+  '  fill: #bbb;',
+  '}',
+
+  '.blocklyFlyout .blocklyScrollbarBackground:hover+.blocklyScrollbarKnob,',
+  '.blocklyFlyout .blocklyScrollbarKnob:hover {',
+  '  fill: #aaa;',
+  '}',
+
  '.blocklyInvalidInput {',
  '  background: #faa;',
  '}',