WORLD WAR Z-INDEX: Restoration of sanity to revisions/slider/menu z-index values.
The year is 2013. It is a period of DOM unrest. Sliders have hoarded all available z-index, leading to an arms race. What started as a local squabble soon escalated into a global conflict. The flyout menus were the first of the collateral damage, trodden underfoot by mighty warring enemies they couldn't effectively challenge. It was said they were betrayed by one of their own: the z-index-power-hungry non-active currently-hovered submenu, whose z-index-power level was over 9000! But there is hope. A small band of heroes has emerged. Using their powers of "what were you thinking?" and "chill, no one needs a z-index THAT high", they have begun to restore order and harmony to the DOM. See #24736. Props markjaquith, aaroncampbell, helen. git-svn-id: http://core.svn.wordpress.org/trunk@24753 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
parent
81041465e9
commit
5bf39803b9
|
@ -1458,7 +1458,7 @@ form.upgrade .hint {
|
||||||
#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
|
#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
|
||||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu {
|
#adminmenu .wp-has-current-submenu.opensub .wp-submenu {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 2;
|
z-index: 3;
|
||||||
top: auto;
|
top: auto;
|
||||||
left: auto;
|
left: auto;
|
||||||
right: auto;
|
right: auto;
|
||||||
|
@ -3531,7 +3531,6 @@ td.plugin-title p {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
height: 0.8em;
|
height: 0.8em;
|
||||||
z-index: 2;
|
|
||||||
top: 7px;
|
top: 7px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0 15%;
|
padding: 0 15%;
|
||||||
|
@ -3544,7 +3543,6 @@ td.plugin-title p {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
float: left;
|
float: left;
|
||||||
z-index: 3;
|
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 0 1px 0 0;
|
border-width: 0 1px 0 0;
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
|
@ -3632,7 +3630,7 @@ td.plugin-title p {
|
||||||
.revisions-previous,
|
.revisions-previous,
|
||||||
.revisions-next {
|
.revisions-next {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 4;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.revisions-previous {
|
.revisions-previous {
|
||||||
|
@ -3743,7 +3741,7 @@ table.diff .diff-addedline ins {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
margin-left: -70px;
|
margin-left: -70px;
|
||||||
line-height: 28px;
|
line-height: 28px;
|
||||||
z-index: 9999;
|
z-index: 1;
|
||||||
max-width: 350px;
|
max-width: 350px;
|
||||||
min-width: 130px;
|
min-width: 130px;
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
|
@ -3857,7 +3855,6 @@ div.revisions-controls > .wp-slider > .ui-slider-handle {
|
||||||
|
|
||||||
.wp-slider .ui-slider-range {
|
.wp-slider .ui-slider-range {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 1;
|
|
||||||
font-size: .7em;
|
font-size: .7em;
|
||||||
display: block;
|
display: block;
|
||||||
border: 0;
|
border: 0;
|
||||||
|
@ -3867,7 +3864,6 @@ div.revisions-controls > .wp-slider > .ui-slider-handle {
|
||||||
|
|
||||||
.wp-slider.ui-slider-horizontal {
|
.wp-slider.ui-slider-horizontal {
|
||||||
height: .8em;
|
height: .8em;
|
||||||
z-index: 10001;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.wp-slider.ui-slider-horizontal .ui-slider-handle {
|
.wp-slider.ui-slider-horizontal .ui-slider-handle {
|
||||||
|
|
Loading…
Reference in New Issue