From 3897b6ba6fde70b08e30e8bc29dee1bee062bf58 Mon Sep 17 00:00:00 2001 From: mattpass Date: Sun, 8 Mar 2020 08:58:58 +0000 Subject: [PATCH] Update simplescrollbars.css --- CodeMirror/addon/scroll/simplescrollbars.css | 81 +++++++++----------- 1 file changed, 37 insertions(+), 44 deletions(-) diff --git a/CodeMirror/addon/scroll/simplescrollbars.css b/CodeMirror/addon/scroll/simplescrollbars.css index d8a6d69..5f03ab4 100644 --- a/CodeMirror/addon/scroll/simplescrollbars.css +++ b/CodeMirror/addon/scroll/simplescrollbars.css @@ -1,68 +1,61 @@ -.CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div { - position: absolute; - background: #ccc; - -moz-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid #bbb; - border-radius: 2px; -} +/* General styles */ -.CodeMirror-simplescroll-horizontal, .CodeMirror-simplescroll-vertical { - position: absolute; - z-index: 6; - background: #eee; +.CodeMirror-simplescroll-horizontal, +.CodeMirror-overlayscroll-horizontal { + bottom: 0; + left: 0; + height: 12px; } - -.CodeMirror-simplescroll-horizontal { - bottom: 0; left: 0; - height: 8px; -} -.CodeMirror-simplescroll-horizontal div { +.CodeMirror-simplescroll-horizontal div, +.CodeMirror-overlayscroll-horizontal div { bottom: 0; height: 100%; } -.CodeMirror-simplescroll-vertical { - right: 0; top: 0; - width: 8px; +.CodeMirror-simplescroll-vertical, +.CodeMirror-overlayscroll-vertical{ + right: 0; + top: 0; + width: 12px; } -.CodeMirror-simplescroll-vertical div { +.CodeMirror-simplescroll-vertical div, +.CodeMirror-overlayscroll-vertical div { right: 0; width: 100%; } +/* Simple specific styles*/ -.CodeMirror-overlayscroll .CodeMirror-scrollbar-filler, .CodeMirror-overlayscroll .CodeMirror-gutter-filler { - display: none; - background: transparent; -} - -.CodeMirror-overlayscroll-horizontal div, .CodeMirror-overlayscroll-vertical div { +.CodeMirror-simplescroll-horizontal, .CodeMirror-simplescroll-vertical { position: absolute; - background: rgba(0,198,255,0.1); - border-radius: 0; + background: #222; + z-index: 6; } +.CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div { + position: absolute; + -moz-box-sizing: border-box; + box-sizing: border-box; + background: #888; +} + +.CodeMirror-simplescroll .CodeMirror-scrollbar-filler, .CodeMirror-simplescroll .CodeMirror-gutter-filler { + background: #222; +} + +/* Overlay specific styles */ + .CodeMirror-overlayscroll-horizontal, .CodeMirror-overlayscroll-vertical { position: absolute; z-index: 6; } -.CodeMirror-overlayscroll-horizontal { - bottom: 0; left: 0; - height: 12px; -} -.CodeMirror-overlayscroll-horizontal div { - bottom: 0; - height: 100%; +.CodeMirror-overlayscroll-horizontal div, .CodeMirror-overlayscroll-vertical div { + position: absolute; + background: rgba(0,198,255,0.2); } -.CodeMirror-overlayscroll-vertical { - right: 0; top: 0; - width: 6px; -} -.CodeMirror-overlayscroll-vertical div { +.CodeMirror-overlayscroll .CodeMirror-scrollbar-filler, .CodeMirror-overlayscroll .CodeMirror-gutter-filler { display: none; - right: 0; - width: 100%; + background: transparent; }