Bug 910595 - Make sure the Side Menu Widget "item" does not affect the positioning of the child "item-contents", r=fitzgen

This commit is contained in:
Victor Porof 2013-08-29 09:24:21 +02:00
Родитель 829ae372fd
Коммит 66d8992687
9 изменённых файлов: 39 добавлений и 105 удалений

Просмотреть файл

@ -19,11 +19,8 @@
.side-menu-widget-item-checkbox {
-moz-appearance: none;
-moz-margin-end: -6px;
padding: 0;
margin-top: 4px;
margin-bottom: -4px;
-moz-margin-start: 4px;
-moz-margin-end: -4px;
opacity: 0;
transition: opacity .15s ease 0s;
}

Просмотреть файл

@ -316,10 +316,6 @@ box.requests-menu-status[code^="5"] {
background: rgba(255,255,255,0.05);
}
.side-menu-widget-item-contents {
padding: 0;
}
/* Network request details */
#details-pane {

Просмотреть файл

@ -304,19 +304,20 @@
}
.side-menu-widget-item {
border-top: 1px solid hsla(210,16%,76%,.1);
border-bottom: 1px solid hsla(210,8%,5%,.25);
border-top: 1px solid hsla(210,8%,5%,.25);
border-bottom: 1px solid hsla(210,16%,76%,.1);
margin-top: -1px;
margin-bottom: -1px;
cursor: pointer;
}
.side-menu-widget-item:last-of-type {
box-shadow: 0 1px 0 hsla(210,16%,76%,.1);
box-shadow: inset 0 -1px 0 hsla(210,8%,5%,.25);
}
.side-menu-widget-item.selected {
background: linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%)) repeat-x top left !important;
box-shadow: inset 0 1px 0 hsla(210,40%,83%,.15),
inset 0 -1px 0 hsla(210,40%,83%,.05);
box-shadow: inset 0 1px 0 hsla(210,40%,83%,.15);
}
.side-menu-widget-item.selected > .side-menu-widget-item-arrow {
@ -334,21 +335,14 @@
background-position: center left, top left;
}
.side-menu-widget-item-arrow {
-moz-margin-start: -8px;
width: 8px;
}
.side-menu-widget-item-contents {
.side-menu-widget-item-label {
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-arrow {
-moz-margin-start: -8px;
width: 8px;
}
.side-menu-widget-item-other {
@ -361,17 +355,8 @@
inset 0 -1px 0 hsla(210,40%,83%,.07);
}
.side-menu-widget-item.selected .side-menu-widget-item-other:first-of-type {
border-top: 1px dotted #333;
margin-top: 3px;
}
.side-menu-widget-item-other:first-of-type {
margin-top: 4px;
}
.side-menu-widget-item-other:last-of-type {
margin-bottom: -4px;
border-top-left-radius: 4px;
}
.side-menu-widget-item-other > label {

Просмотреть файл

@ -21,11 +21,8 @@
.side-menu-widget-item-checkbox {
-moz-appearance: none;
-moz-margin-end: -6px;
padding: 0;
margin-top: 4px;
margin-bottom: -4px;
-moz-margin-start: 4px;
-moz-margin-end: -4px;
opacity: 0;
transition: opacity .15s ease-out 0s;
}

Просмотреть файл

@ -316,10 +316,6 @@ box.requests-menu-status[code^="5"] {
background: rgba(255,255,255,0.05);
}
.side-menu-widget-item-contents {
padding: 0;
}
/* Network request details */
#details-pane {

Просмотреть файл

@ -304,19 +304,20 @@
}
.side-menu-widget-item {
border-top: 1px solid hsla(210,16%,76%,.1);
border-bottom: 1px solid hsla(210,8%,5%,.25);
border-top: 1px solid hsla(210,8%,5%,.25);
border-bottom: 1px solid hsla(210,16%,76%,.1);
margin-top: -1px;
margin-bottom: -1px;
cursor: pointer;
}
.side-menu-widget-item:last-of-type {
box-shadow: 0 1px 0 hsla(210,16%,76%,.1);
box-shadow: inset 0 -1px 0 hsla(210,8%,5%,.25);
}
.side-menu-widget-item.selected {
background: linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%)) repeat-x top left !important;
box-shadow: inset 0 1px 0 hsla(210,40%,83%,.15),
inset 0 -1px 0 hsla(210,40%,83%,.05);
box-shadow: inset 0 1px 0 hsla(210,40%,83%,.15);
}
.side-menu-widget-item.selected > .side-menu-widget-item-arrow {
@ -334,21 +335,14 @@
background-position: center left, top left;
}
.side-menu-widget-item-arrow {
-moz-margin-start: -8px;
width: 8px;
}
.side-menu-widget-item-contents {
.side-menu-widget-item-label {
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-arrow {
-moz-margin-start: -8px;
width: 8px;
}
.side-menu-widget-item-other {
@ -361,17 +355,8 @@
inset 0 -1px 0 hsla(210,40%,83%,.07);
}
.side-menu-widget-item.selected .side-menu-widget-item-other:first-of-type {
border-top: 1px dotted #333;
margin-top: 3px;
}
.side-menu-widget-item-other:first-of-type {
margin-top: 4px;
}
.side-menu-widget-item-other:last-of-type {
margin-bottom: -4px;
border-top-left-radius: 4px;
}
.side-menu-widget-item-other > label {

Просмотреть файл

@ -19,11 +19,8 @@
.side-menu-widget-item-checkbox {
-moz-appearance: none;
-moz-margin-end: -6px;
padding: 0;
margin-top: 4px;
margin-bottom: -4px;
-moz-margin-start: 4px;
-moz-margin-end: -4px;
opacity: 0;
transition: opacity .15s ease 0s;
}

Просмотреть файл

@ -316,10 +316,6 @@ box.requests-menu-status[code^="5"] {
background: rgba(255,255,255,0.05);
}
.side-menu-widget-item-contents {
padding: 0;
}
/* Network request details */
#details-pane {

Просмотреть файл

@ -308,19 +308,20 @@
}
.side-menu-widget-item {
border-top: 1px solid hsla(210,16%,76%,.1);
border-bottom: 1px solid hsla(210,8%,5%,.25);
border-top: 1px solid hsla(210,8%,5%,.25);
border-bottom: 1px solid hsla(210,16%,76%,.1);
margin-top: -1px;
margin-bottom: -1px;
cursor: pointer;
}
.side-menu-widget-item:last-of-type {
box-shadow: 0 1px 0 hsla(210,16%,76%,.1);
box-shadow: inset 0 -1px 0 hsla(210,8%,5%,.25);
}
.side-menu-widget-item.selected {
background: linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%)) repeat-x top left !important;
box-shadow: inset 0 1px 0 hsla(210,40%,83%,.15),
inset 0 -1px 0 hsla(210,40%,83%,.05);
box-shadow: inset 0 1px 0 hsla(210,40%,83%,.15);
}
.side-menu-widget-item.selected > .side-menu-widget-item-arrow {
@ -338,21 +339,14 @@
background-position: center left, top left;
}
.side-menu-widget-item-arrow {
-moz-margin-start: -8px;
width: 8px;
}
.side-menu-widget-item-contents {
.side-menu-widget-item-label {
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-arrow {
-moz-margin-start: -8px;
width: 8px;
}
.side-menu-widget-item-other {
@ -365,17 +359,8 @@
inset 0 -1px 0 hsla(210,40%,83%,.07);
}
.side-menu-widget-item.selected .side-menu-widget-item-other:first-of-type {
border-top: 1px dotted #333;
margin-top: 3px;
}
.side-menu-widget-item-other:first-of-type {
margin-top: 4px;
}
.side-menu-widget-item-other:last-of-type {
margin-bottom: -4px;
border-top-left-radius: 4px;
}
.side-menu-widget-item-other > label {