Bug 898059 - black boxing eyeballs are too big; r=vporof

This commit is contained in:
Nick Fitzgerald 2013-08-12 14:44:07 -07:00
parent 3dc6d04b23
commit 0692d1a52d
12 changed files with 37 additions and 24 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 1005 B

View File

@ -20,9 +20,12 @@
.side-menu-widget-item-checkbox {
-moz-appearance: none;
padding: 0;
margin: 0 -4px 0 4px;
margin-top: 4px;
margin-bottom: -4px;
-moz-margin-start: 4px;
-moz-margin-end: -4px;
opacity: 0;
transition: opacity .25s ease 0s;
transition: opacity .15s ease 0s;
}
/* Only show the checkbox when the source is hovered over, is selected, or if it
@ -31,18 +34,18 @@
.side-menu-widget-item.selected > .side-menu-widget-item-checkbox,
.side-menu-widget-item-checkbox:not([checked]) {
opacity: 1;
transition: opacity .25s ease 0s;
transition: opacity .15s ease 0s;
}
.side-menu-widget-item-checkbox > .checkbox-check {
-moz-appearance: none;
background: none;
background-image: url(itemToggle.png);
background-image: url(blackbox.png);
background-repeat: no-repeat;
background-clip: content-box;
background-position: -24px 0;
width: 24px;
height: 24px;
background-position: -16px 0;
width: 16px;
height: 16px;
border: 0;
}
@ -125,6 +128,7 @@
.dbg-breakpoint {
font-family: monospace;
-moz-margin-start: -14px;
}
.dbg-breakpoint-line {

View File

@ -353,7 +353,6 @@
.side-menu-widget-item-other {
background: url(background-noise-toolbar.png), hsla(208,11%,27%, 0.65);
-moz-margin-start: -22px;
}
.side-menu-widget-item-other.selected {

View File

@ -179,6 +179,7 @@ browser.jar:
skin/classic/browser/devtools/magnifying-glass.png (devtools/magnifying-glass.png)
skin/classic/browser/devtools/option-icon.png (devtools/option-icon.png)
skin/classic/browser/devtools/itemToggle.png (devtools/itemToggle.png)
skin/classic/browser/devtools/blackbox.png (devtools/blackbox.png)
skin/classic/browser/devtools/blackBoxMessageEye.png (devtools/blackBoxMessageEye.png)
skin/classic/browser/devtools/itemArrow-rtl.png (devtools/itemArrow-rtl.png)
skin/classic/browser/devtools/itemArrow-ltr.png (devtools/itemArrow-ltr.png)

Binary file not shown.

After

Width:  |  Height:  |  Size: 1005 B

View File

@ -22,9 +22,12 @@
.side-menu-widget-item-checkbox {
-moz-appearance: none;
padding: 0;
margin: 0 -4px 0 4px;
margin-top: 4px;
margin-bottom: -4px;
-moz-margin-start: 4px;
-moz-margin-end: -4px;
opacity: 0;
transition: opacity .25s ease-out 0s;
transition: opacity .15s ease-out 0s;
}
/* Only show the checkbox when the source is hovered over, is selected, or if it
@ -33,18 +36,18 @@
.side-menu-widget-item.selected > .side-menu-widget-item-checkbox,
.side-menu-widget-item-checkbox:not([checked]) {
opacity: 1;
transition: opacity .25s ease-out 0s;
transition: opacity .15s ease-out 0s;
}
.side-menu-widget-item-checkbox > .checkbox-check {
-moz-appearance: none;
background: none;
background-image: url(itemToggle.png);
background-image: url(blackbox.png);
background-repeat: no-repeat;
background-clip: content-box;
background-position: -24px 0;
width: 24px;
height: 24px;
background-position: -16px 0;
width: 16px;
height: 16px;
border: 0;
}
@ -127,6 +130,7 @@
.dbg-breakpoint {
font-family: monospace;
-moz-margin-start: -14px;
}
.dbg-breakpoint-line {

View File

@ -353,7 +353,6 @@
.side-menu-widget-item-other {
background: url(background-noise-toolbar.png), hsla(208,11%,27%, 0.65);
-moz-margin-start: -22px;
}
.side-menu-widget-item-other.selected {

View File

@ -270,6 +270,7 @@ browser.jar:
skin/classic/browser/devtools/magnifying-glass.png (devtools/magnifying-glass.png)
skin/classic/browser/devtools/option-icon.png (devtools/option-icon.png)
skin/classic/browser/devtools/itemToggle.png (devtools/itemToggle.png)
skin/classic/browser/devtools/blackbox.png (devtools/blackbox.png)
skin/classic/browser/devtools/blackBoxMessageEye.png (devtools/blackBoxMessageEye.png)
skin/classic/browser/devtools/itemArrow-rtl.png (devtools/itemArrow-rtl.png)
skin/classic/browser/devtools/itemArrow-ltr.png (devtools/itemArrow-ltr.png)

Binary file not shown.

After

Width:  |  Height:  |  Size: 1005 B

View File

@ -20,9 +20,12 @@
.side-menu-widget-item-checkbox {
-moz-appearance: none;
padding: 0;
margin: 0 -4px 0 4px;
margin-top: 4px;
margin-bottom: -4px;
-moz-margin-start: 4px;
-moz-margin-end: -4px;
opacity: 0;
transition: opacity .25s ease 0s;
transition: opacity .15s ease 0s;
}
/* Only show the checkbox when the source is hovered over, is selected, or if it
@ -31,18 +34,18 @@
.side-menu-widget-item.selected > .side-menu-widget-item-checkbox,
.side-menu-widget-item-checkbox:not([checked]) {
opacity: 1;
transition: opacity .25s ease-out 0s;
transition: opacity .15s ease-out 0s;
}
.side-menu-widget-item-checkbox > .checkbox-check {
-moz-appearance: none;
background: none;
background-image: url(itemToggle.png);
background-image: url(blackbox.png);
background-repeat: no-repeat;
background-clip: content-box;
background-position: -24px 0;
width: 24px;
height: 24px;
background-position: -16px 0;
width: 16px;
height: 16px;
border: 0;
}
@ -125,6 +128,7 @@
.dbg-breakpoint {
font-family: monospace;
-moz-margin-start: -14px;
}
.dbg-breakpoint-line {

View File

@ -357,7 +357,6 @@
.side-menu-widget-item-other {
background: url(background-noise-toolbar.png), hsla(208,11%,27%, 0.65);
-moz-margin-start: -22px;
}
.side-menu-widget-item-other.selected {

View File

@ -206,6 +206,7 @@ browser.jar:
skin/classic/browser/devtools/magnifying-glass.png (devtools/magnifying-glass.png)
skin/classic/browser/devtools/option-icon.png (devtools/option-icon.png)
skin/classic/browser/devtools/itemToggle.png (devtools/itemToggle.png)
skin/classic/browser/devtools/blackbox.png (devtools/blackbox.png)
skin/classic/browser/devtools/blackBoxMessageEye.png (devtools/blackBoxMessageEye.png)
skin/classic/browser/devtools/itemArrow-rtl.png (devtools/itemArrow-rtl.png)
skin/classic/browser/devtools/itemArrow-ltr.png (devtools/itemArrow-ltr.png)
@ -464,6 +465,7 @@ browser.jar:
skin/classic/aero/browser/devtools/magnifying-glass.png (devtools/magnifying-glass.png)
skin/classic/aero/browser/devtools/option-icon.png (devtools/option-icon.png)
skin/classic/aero/browser/devtools/itemToggle.png (devtools/itemToggle.png)
skin/classic/browser/devtools/blackbox.png (devtools/blackbox.png)
skin/classic/aero/browser/devtools/blackBoxMessageEye.png (devtools/blackBoxMessageEye.png)
skin/classic/aero/browser/devtools/itemArrow-rtl.png (devtools/itemArrow-rtl.png)
skin/classic/aero/browser/devtools/background-noise-toolbar.png (devtools/background-noise-toolbar.png)