Bug 1253879 - Update the devtools-separator to be the same style as the sidebar tab separator r=pbro
authorGabriel Luong <gabriel.luong@gmail.com>
Mon, 07 Mar 2016 11:43:07 -0500
changeset 287027 9a42fa7fb4ab6da62b1df606e122642d73fb6556
parent 287026 6f19b1a57959a2e918096c0d66c325ec39583e91
child 287028 92fc2f7c1932c2de200fe11c818818836e9fb100
push id18043
push usergabriel.luong@gmail.com
push dateMon, 07 Mar 2016 16:43:12 +0000
treeherderfx-team@9a42fa7fb4ab [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerspbro
bugs1253879
milestone47.0a1
Bug 1253879 - Update the devtools-separator to be the same style as the sidebar tab separator r=pbro
devtools/client/themes/toolbars.css
--- a/devtools/client/themes/toolbars.css
+++ b/devtools/client/themes/toolbars.css
@@ -669,19 +669,17 @@
 #toolbox-dock-bottom:hover,
 #toolbox-dock-side:hover {
   opacity: 1;
 }
 
 .devtools-separator {
   margin: 0 2px;
   width: 2px;
-  background-image: linear-gradient(transparent, hsla(204,45%,98%,.1), transparent),
-                    linear-gradient(transparent, hsla(206,37%,4%,.6), transparent),
-                    linear-gradient(transparent, hsla(204,45%,98%,.1), transparent);
+  background-image: linear-gradient(transparent 15%, var(--theme-splitter-color) 15%, var(--theme-splitter-color) 85%, transparent 85%);
   background-size: 1px 100%;
   background-repeat: no-repeat;
   background-position: 0, 1px, 2px;
 }
 
 #toolbox-buttons:empty + .devtools-separator,
 .devtools-separator[invisible] {
   visibility: hidden;