зеркало из https://github.com/mozilla/gecko-dev.git
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:
Родитель
829ae372fd
Коммит
66d8992687
|
@ -18,12 +18,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item-checkbox {
|
.side-menu-widget-item-checkbox {
|
||||||
-moz-appearance: none;
|
-moz-appearance: none;
|
||||||
|
-moz-margin-end: -6px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-top: 4px;
|
|
||||||
margin-bottom: -4px;
|
|
||||||
-moz-margin-start: 4px;
|
|
||||||
-moz-margin-end: -4px;
|
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity .15s ease 0s;
|
transition: opacity .15s ease 0s;
|
||||||
}
|
}
|
||||||
|
|
|
@ -316,10 +316,6 @@ box.requests-menu-status[code^="5"] {
|
||||||
background: rgba(255,255,255,0.05);
|
background: rgba(255,255,255,0.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item-contents {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Network request details */
|
/* Network request details */
|
||||||
|
|
||||||
#details-pane {
|
#details-pane {
|
||||||
|
|
|
@ -304,19 +304,20 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item {
|
.side-menu-widget-item {
|
||||||
border-top: 1px solid hsla(210,16%,76%,.1);
|
border-top: 1px solid hsla(210,8%,5%,.25);
|
||||||
border-bottom: 1px solid hsla(210,8%,5%,.25);
|
border-bottom: 1px solid hsla(210,16%,76%,.1);
|
||||||
|
margin-top: -1px;
|
||||||
|
margin-bottom: -1px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item:last-of-type {
|
.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 {
|
.side-menu-widget-item.selected {
|
||||||
background: linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%)) repeat-x top left !important;
|
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),
|
box-shadow: inset 0 1px 0 hsla(210,40%,83%,.15);
|
||||||
inset 0 -1px 0 hsla(210,40%,83%,.05);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item.selected > .side-menu-widget-item-arrow {
|
.side-menu-widget-item.selected > .side-menu-widget-item-arrow {
|
||||||
|
@ -334,21 +335,14 @@
|
||||||
background-position: center left, top left;
|
background-position: center left, top left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item-arrow {
|
.side-menu-widget-item-label {
|
||||||
-moz-margin-start: -8px;
|
|
||||||
width: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.side-menu-widget-item-contents {
|
|
||||||
padding: 4px 0px;
|
padding: 4px 0px;
|
||||||
}
|
|
||||||
|
|
||||||
.side-menu-widget-item label {
|
|
||||||
cursor: inherit;
|
cursor: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item-other:first-of-type {
|
.side-menu-widget-item-arrow {
|
||||||
border-top-left-radius: 4px;
|
-moz-margin-start: -8px;
|
||||||
|
width: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item-other {
|
.side-menu-widget-item-other {
|
||||||
|
@ -361,17 +355,8 @@
|
||||||
inset 0 -1px 0 hsla(210,40%,83%,.07);
|
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 {
|
.side-menu-widget-item-other:first-of-type {
|
||||||
margin-top: 4px;
|
border-top-left-radius: 4px;
|
||||||
}
|
|
||||||
|
|
||||||
.side-menu-widget-item-other:last-of-type {
|
|
||||||
margin-bottom: -4px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item-other > label {
|
.side-menu-widget-item-other > label {
|
||||||
|
|
|
@ -20,12 +20,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item-checkbox {
|
.side-menu-widget-item-checkbox {
|
||||||
-moz-appearance: none;
|
-moz-appearance: none;
|
||||||
|
-moz-margin-end: -6px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-top: 4px;
|
|
||||||
margin-bottom: -4px;
|
|
||||||
-moz-margin-start: 4px;
|
|
||||||
-moz-margin-end: -4px;
|
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity .15s ease-out 0s;
|
transition: opacity .15s ease-out 0s;
|
||||||
}
|
}
|
||||||
|
|
|
@ -316,10 +316,6 @@ box.requests-menu-status[code^="5"] {
|
||||||
background: rgba(255,255,255,0.05);
|
background: rgba(255,255,255,0.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item-contents {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Network request details */
|
/* Network request details */
|
||||||
|
|
||||||
#details-pane {
|
#details-pane {
|
||||||
|
|
|
@ -304,19 +304,20 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item {
|
.side-menu-widget-item {
|
||||||
border-top: 1px solid hsla(210,16%,76%,.1);
|
border-top: 1px solid hsla(210,8%,5%,.25);
|
||||||
border-bottom: 1px solid hsla(210,8%,5%,.25);
|
border-bottom: 1px solid hsla(210,16%,76%,.1);
|
||||||
|
margin-top: -1px;
|
||||||
|
margin-bottom: -1px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item:last-of-type {
|
.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 {
|
.side-menu-widget-item.selected {
|
||||||
background: linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%)) repeat-x top left !important;
|
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),
|
box-shadow: inset 0 1px 0 hsla(210,40%,83%,.15);
|
||||||
inset 0 -1px 0 hsla(210,40%,83%,.05);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item.selected > .side-menu-widget-item-arrow {
|
.side-menu-widget-item.selected > .side-menu-widget-item-arrow {
|
||||||
|
@ -334,21 +335,14 @@
|
||||||
background-position: center left, top left;
|
background-position: center left, top left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item-arrow {
|
.side-menu-widget-item-label {
|
||||||
-moz-margin-start: -8px;
|
|
||||||
width: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.side-menu-widget-item-contents {
|
|
||||||
padding: 4px 0px;
|
padding: 4px 0px;
|
||||||
}
|
|
||||||
|
|
||||||
.side-menu-widget-item label {
|
|
||||||
cursor: inherit;
|
cursor: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item-other:first-of-type {
|
.side-menu-widget-item-arrow {
|
||||||
border-top-left-radius: 4px;
|
-moz-margin-start: -8px;
|
||||||
|
width: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item-other {
|
.side-menu-widget-item-other {
|
||||||
|
@ -361,17 +355,8 @@
|
||||||
inset 0 -1px 0 hsla(210,40%,83%,.07);
|
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 {
|
.side-menu-widget-item-other:first-of-type {
|
||||||
margin-top: 4px;
|
border-top-left-radius: 4px;
|
||||||
}
|
|
||||||
|
|
||||||
.side-menu-widget-item-other:last-of-type {
|
|
||||||
margin-bottom: -4px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item-other > label {
|
.side-menu-widget-item-other > label {
|
||||||
|
|
|
@ -18,12 +18,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item-checkbox {
|
.side-menu-widget-item-checkbox {
|
||||||
-moz-appearance: none;
|
-moz-appearance: none;
|
||||||
|
-moz-margin-end: -6px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-top: 4px;
|
|
||||||
margin-bottom: -4px;
|
|
||||||
-moz-margin-start: 4px;
|
|
||||||
-moz-margin-end: -4px;
|
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity .15s ease 0s;
|
transition: opacity .15s ease 0s;
|
||||||
}
|
}
|
||||||
|
|
|
@ -316,10 +316,6 @@ box.requests-menu-status[code^="5"] {
|
||||||
background: rgba(255,255,255,0.05);
|
background: rgba(255,255,255,0.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item-contents {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Network request details */
|
/* Network request details */
|
||||||
|
|
||||||
#details-pane {
|
#details-pane {
|
||||||
|
|
|
@ -308,19 +308,20 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item {
|
.side-menu-widget-item {
|
||||||
border-top: 1px solid hsla(210,16%,76%,.1);
|
border-top: 1px solid hsla(210,8%,5%,.25);
|
||||||
border-bottom: 1px solid hsla(210,8%,5%,.25);
|
border-bottom: 1px solid hsla(210,16%,76%,.1);
|
||||||
|
margin-top: -1px;
|
||||||
|
margin-bottom: -1px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item:last-of-type {
|
.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 {
|
.side-menu-widget-item.selected {
|
||||||
background: linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%)) repeat-x top left !important;
|
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),
|
box-shadow: inset 0 1px 0 hsla(210,40%,83%,.15);
|
||||||
inset 0 -1px 0 hsla(210,40%,83%,.05);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item.selected > .side-menu-widget-item-arrow {
|
.side-menu-widget-item.selected > .side-menu-widget-item-arrow {
|
||||||
|
@ -338,21 +339,14 @@
|
||||||
background-position: center left, top left;
|
background-position: center left, top left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item-arrow {
|
.side-menu-widget-item-label {
|
||||||
-moz-margin-start: -8px;
|
|
||||||
width: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.side-menu-widget-item-contents {
|
|
||||||
padding: 4px 0px;
|
padding: 4px 0px;
|
||||||
}
|
|
||||||
|
|
||||||
.side-menu-widget-item label {
|
|
||||||
cursor: inherit;
|
cursor: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item-other:first-of-type {
|
.side-menu-widget-item-arrow {
|
||||||
border-top-left-radius: 4px;
|
-moz-margin-start: -8px;
|
||||||
|
width: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item-other {
|
.side-menu-widget-item-other {
|
||||||
|
@ -365,17 +359,8 @@
|
||||||
inset 0 -1px 0 hsla(210,40%,83%,.07);
|
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 {
|
.side-menu-widget-item-other:first-of-type {
|
||||||
margin-top: 4px;
|
border-top-left-radius: 4px;
|
||||||
}
|
|
||||||
|
|
||||||
.side-menu-widget-item-other:last-of-type {
|
|
||||||
margin-bottom: -4px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-widget-item-other > label {
|
.side-menu-widget-item-other > label {
|
||||||
|
|
Загрузка…
Ссылка в новой задаче