Bug 1077404 - subviewradio elements in panic button panel are elliptical and labels get borders, r=jaws
authorGijs Kruitbosch <gijskruitbosch@gmail.com>
Mon, 06 Oct 2014 20:00:49 +0100
changeset 218134 cc67ff387243
parent 218133 0de8444b8da0
child 218135 36221eb238be
push id553
push userryanvm@gmail.com
push date2014-10-29 12:21 +0000
treeherdermozilla-release@766b4b4fa7c7 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjaws
bugs1077404
milestone33.0
Bug 1077404 - subviewradio elements in panic button panel are elliptical and labels get borders, r=jaws
browser/themes/linux/customizableui/panelUIOverlay.css
browser/themes/shared/customizableui/panelUIOverlay.inc.css
--- a/browser/themes/linux/customizableui/panelUIOverlay.css
+++ b/browser/themes/linux/customizableui/panelUIOverlay.css
@@ -90,8 +90,12 @@ menu[disabled="true"].subviewbutton > .m
 }
 
 .PanelUI-subView toolbarseparator,
 .PanelUI-subView menuseparator,
 .cui-widget-panelview menuseparator,
 #PanelUI-footer-inner > toolbarseparator {
   -moz-appearance: none !important;
 }
+
+.subviewradio > .radio-label-box {
+  -moz-appearance: none;
+}
--- a/browser/themes/shared/customizableui/panelUIOverlay.inc.css
+++ b/browser/themes/shared/customizableui/panelUIOverlay.inc.css
@@ -1152,16 +1152,17 @@ menuitem[checked="true"].subviewbutton >
 #PanelUI-panic-timeframe-icon-small:-moz-locale-dir(rtl),
 #PanelUI-panic-timeframe-icon:-moz-locale-dir(rtl) {
   transform: scaleX(-1);
 }
 
 .subviewradio {
   -moz-binding: url(chrome://global/content/bindings/radio.xml#radio);
   -moz-appearance: none;
+  -moz-box-align: center;
   padding: 1px;
   margin: 0 0 2px;
   background-color: hsla(210,4%,10%,0);
   border-radius: 2px;
   border-width: 1px;
   border-style: solid;
   border-color: hsla(210,4%,10%,0);
 }