Bug 895565 - align the black box checkbox with the source label; r=vporof
authorNick Fitzgerald <fitzgen@gmail.com>
Wed, 24 Jul 2013 17:50:20 -0700
changeset 139821 e1cd5c1fda4584dc2c4562609ddb447450c5e28d
parent 139820 5899a4649b35c36d99e47e246c907f5951948dcf
child 139892 bc2a7cfd52089d1d4009b5e892a54529cb60b927
push id1923
push usernfitzgerald@mozilla.com
push dateThu, 25 Jul 2013 00:50:35 +0000
treeherderfx-team@e1cd5c1fda45 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersvporof
bugs895565
milestone25.0a1
Bug 895565 - align the black box checkbox with the source label; r=vporof
browser/devtools/shared/widgets/SideMenuWidget.jsm
browser/themes/linux/devtools/widgets.css
browser/themes/osx/devtools/widgets.css
browser/themes/windows/devtools/widgets.css
--- a/browser/devtools/shared/widgets/SideMenuWidget.jsm
+++ b/browser/devtools/shared/widgets/SideMenuWidget.jsm
@@ -561,16 +561,17 @@ function SideMenuItem(aGroup, aContents,
     }, false);
     return checkbox;
   };
 
   if (aArrowFlag || aCheckboxFlag) {
     let container = this._container = this.document.createElement("hbox");
     container.className = "side-menu-widget-item";
     container.setAttribute("tooltiptext", aTooltip);
+    container.setAttribute("align", "start");
 
     let target = this._target = this.document.createElement("vbox");
     target.className = "side-menu-widget-item-contents";
 
     // Show a checkbox before the content.
     if (aCheckboxFlag) {
       let checkbox = this._checkbox = makeCheckbox();
       container.appendChild(checkbox);
--- a/browser/themes/linux/devtools/widgets.css
+++ b/browser/themes/linux/devtools/widgets.css
@@ -335,27 +335,30 @@
 }
 
 .side-menu-widget-item-arrow {
   -moz-margin-start: -8px;
   width: 8px;
 }
 
 .side-menu-widget-item-contents {
-  padding: 4px;
+  padding: 4px 0px;
 }
 
 .side-menu-widget-item label {
   cursor: inherit;
 }
 
+.side-menu-widget-item-other:first-of-type {
+  border-top-left-radius: 4px;
+}
+
 .side-menu-widget-item-other {
   background: url(background-noise-toolbar.png), hsla(208,11%,27%, 0.65);
-  margin: 0 -4px;
-  -moz-padding-start: 5px;
+  -moz-margin-start: -22px;
 }
 
 .side-menu-widget-item-other.selected {
   background: url(background-noise-toolbar.png), hsla(208,11%,27%, 0.15);
   box-shadow: inset 0 1px 0 hsla(210,40%,83%,.07),
               inset 0 -1px 0 hsla(210,40%,83%,.07);
 }
 
--- a/browser/themes/osx/devtools/widgets.css
+++ b/browser/themes/osx/devtools/widgets.css
@@ -335,27 +335,30 @@
 }
 
 .side-menu-widget-item-arrow {
   -moz-margin-start: -8px;
   width: 8px;
 }
 
 .side-menu-widget-item-contents {
-  padding: 4px;
+  padding: 4px 0px;
 }
 
 .side-menu-widget-item label {
   cursor: inherit;
 }
 
+.side-menu-widget-item-other:first-of-type {
+  border-top-left-radius: 4px;
+}
+
 .side-menu-widget-item-other {
   background: url(background-noise-toolbar.png), hsla(208,11%,27%, 0.65);
-  margin: 0 -4px;
-  -moz-padding-start: 5px;
+  -moz-margin-start: -22px;
 }
 
 .side-menu-widget-item-other.selected {
   background: url(background-noise-toolbar.png), hsla(208,11%,27%, 0.15);
   box-shadow: inset 0 1px 0 hsla(210,40%,83%,.07),
               inset 0 -1px 0 hsla(210,40%,83%,.07);
 }
 
--- a/browser/themes/windows/devtools/widgets.css
+++ b/browser/themes/windows/devtools/widgets.css
@@ -339,27 +339,30 @@
 }
 
 .side-menu-widget-item-arrow {
   -moz-margin-start: -8px;
   width: 8px;
 }
 
 .side-menu-widget-item-contents {
-  padding: 4px;
+  padding: 4px 0px;
 }
 
 .side-menu-widget-item label {
   cursor: inherit;
 }
 
+.side-menu-widget-item-other:first-of-type {
+  border-top-left-radius: 4px;
+}
+
 .side-menu-widget-item-other {
   background: url(background-noise-toolbar.png), hsla(208,11%,27%, 0.65);
-  margin: 0 -4px;
-  -moz-padding-start: 5px;
+  -moz-margin-start: -22px;
 }
 
 .side-menu-widget-item-other.selected {
   background: url(background-noise-toolbar.png), hsla(208,11%,27%, 0.15);
   box-shadow: inset 0 1px 0 hsla(210,40%,83%,.07),
               inset 0 -1px 0 hsla(210,40%,83%,.07);
 }