Bug 895565 - align the black box checkbox with the source label; r=vporof
--- 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);
}