Bug 870605 - Add separator between menu button and the other widgets in toolbar (Australis) r=mconley, a=gavin
authorBrandon Cheng <bcheng.gt@gmail.com>
Sun, 26 Jan 2014 22:58:00 +0000
changeset 182668 ce2c56b2a522c46ca1f972c36ceb52f4c5d6a237
parent 182667 58a388ac2a4026857a2b7db2f92bceb6b5a49bf6
child 182669 280b795a39aceca54aaf0201d85c3a852480f138
push id3343
push userffxbld
push dateMon, 17 Mar 2014 21:55:32 +0000
treeherdermozilla-beta@2f7d3415f79f [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmconley, gavin
bugs870605
milestone29.0a2
Bug 870605 - Add separator between menu button and the other widgets in toolbar (Australis) r=mconley, a=gavin
browser/themes/shared/customizableui/panelUIOverlay.inc.css
--- a/browser/themes/shared/customizableui/panelUIOverlay.inc.css
+++ b/browser/themes/shared/customizableui/panelUIOverlay.inc.css
@@ -6,16 +6,29 @@
 
 %define menuPanelWidth 22.35em
 %define exitSubviewGutterWidth 38px
 %define buttonStateHover :not(:-moz-any([disabled],[open],[checked="true"],:active)):-moz-any(:hover,[_moz-menuactive])
 %define buttonStateActive :not([disabled]):-moz-any([open],[checked="true"],:hover:active,[_moz-menuactive]:active)
 
 %include ../browser.inc
 
+#PanelUI-button {
+  background-image: -moz-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,.3) 30%, hsla(0,0%,100%,.3) 70%, hsla(0,0%,100%,0)),
+                    -moz-linear-gradient(hsla(210,54%,20%,0), hsla(210,54%,20%,.3) 30%, hsla(210,54%,20%,.3) 70%, hsla(210,54%,20%,0)),
+                    -moz-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,.3) 30%, hsla(0,0%,100%,.3) 70%, hsla(0,0%,100%,0));
+  background-size: 1px calc(100% - 1px), 1px calc(100% - 1px), 1px  calc(100% - 1px) !important;
+  background-position: 0px 0px, 1px 0px, 2px 0px;
+  background-repeat: no-repeat;
+}
+
+#PanelUI-menu-button {
+  margin: 0 7px 0 9px;
+}
+
 .panel-subviews {
   padding: 4px;
   background-color: hsla(0,0%,100%,.97);
   background-clip: padding-box;
   border-right: 1px solid hsla(210,4%,10%,.2);
   border-left: 1px solid hsla(210,4%,10%,.2);
   box-shadow: 0 3px 5px hsla(210,4%,10%,.1),
               0 0 7px hsla(210,4%,10%,.1);