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 139961 e1cd5c1fda4584dc2c4562609ddb447450c5e28d
parent 139960 5899a4649b35c36d99e47e246c907f5951948dcf
child 139962 bc2a7cfd52089d1d4009b5e892a54529cb60b927
push id25008
push useremorley@mozilla.com
push dateThu, 25 Jul 2013 15:52:18 +0000
treeherdermozilla-central@8196c86355bc [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersvporof
bugs895565
milestone25.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
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);
 }