Bug 1471162 - Style codemirror scrollbar corners correctly in dark-theme;r=gl draft
authorJulian Descottes <jdescottes@mozilla.com>
Fri, 29 Jun 2018 16:03:22 +0200
changeset 812666 6291c64f72fc33a4ecb99130085410b1d09628cf
parent 812665 af1196714bdda62acf289d624de6b4c84053d016
push id114627
push userjdescottes@mozilla.com
push dateFri, 29 Jun 2018 19:05:30 +0000
reviewersgl
bugs1471162
milestone63.0a1
Bug 1471162 - Style codemirror scrollbar corners correctly in dark-theme;r=gl MozReview-Commit-ID: 875fTgrmpJO
devtools/client/debugger/new/dist/debugger.css
devtools/client/sourceeditor/codemirror/mozilla.css
--- a/devtools/client/debugger/new/dist/debugger.css
+++ b/devtools/client/debugger/new/dist/debugger.css
@@ -242,20 +242,16 @@ body {
   border-radius: 8px;
   background: transparent;
 }
 
 ::-webkit-scrollbar-thumb {
   border-radius: 8px;
   background: rgba(113, 113, 113, 0.5);
 }
-
-:root.theme-dark .CodeMirror-scrollbar-filler {
-  background: transparent;
-}
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 menupopup {
   position: fixed;
   z-index: 10000;
   background: white;
--- a/devtools/client/sourceeditor/codemirror/mozilla.css
+++ b/devtools/client/sourceeditor/codemirror/mozilla.css
@@ -286,8 +286,13 @@ selector in floating-scrollbar-light.css
 
 .CodeMirror-Tern-farg-current {
   text-decoration: underline;
 }
 
 .CodeMirror-Tern-fhint-guess {
   opacity: .7;
 }
+
+/* Override the background-color: white applied to filler elements in codemirror.css */
+.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
+  -moz-appearance: scrollcorner;
+}