mirror of
https://github.com/ant-design/ant-design.git
synced 2025-08-05 23:46:28 +08:00
unifiy z-index
This commit is contained in:
parent
bc2bafff54
commit
dafd25dd7c
@ -1,4 +1,4 @@
|
||||
.ant-affix {
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
z-index: @zindex-affix;
|
||||
}
|
||||
|
@ -1,6 +1,6 @@
|
||||
.@{calendar-prefix-cls}-picker-container {
|
||||
position: absolute;
|
||||
z-index: 1070;
|
||||
z-index: @zindex-picker;
|
||||
|
||||
&.slide-up-enter.slide-up-enter-active&-placement-topLeft,
|
||||
&.slide-up-enter.slide-up-enter-active&-placement-topRight,
|
||||
|
@ -3,7 +3,7 @@
|
||||
position: absolute;
|
||||
left: -9999px;
|
||||
top: -9999px;
|
||||
z-index: 1000;
|
||||
z-index: @zindex-modal;
|
||||
|
||||
&-wrap * {
|
||||
box-sizing: border-box;
|
||||
|
@ -8,7 +8,7 @@
|
||||
background-color: #373737;
|
||||
background-color: rgba(55, 55, 55, 0.6);
|
||||
height: 100%;
|
||||
z-index: 1000;
|
||||
z-index: @zindex-modal-mask;
|
||||
filter: ~"alpha(opacity=50)";
|
||||
|
||||
&-hidden {
|
||||
|
@ -5,7 +5,7 @@
|
||||
position: absolute;
|
||||
left: -9999px;
|
||||
top: -9999px;
|
||||
z-index: 1070;
|
||||
z-index: @zindex-dropdown;
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
|
@ -6,7 +6,7 @@
|
||||
margin-bottom: 0;
|
||||
padding-left: 0; // Override default ul/ol
|
||||
list-style: none;
|
||||
z-index: 999;
|
||||
z-index: @zindex-dropdown;
|
||||
box-shadow: @box-shadow-base;
|
||||
color: @text-color;
|
||||
background: #fff;
|
||||
@ -96,7 +96,7 @@
|
||||
position: absolute;
|
||||
min-width: 100%;
|
||||
margin-top: 7px;
|
||||
z-index: 1070;
|
||||
z-index: @zindex-dropdown;
|
||||
}
|
||||
|
||||
&-submenu-vertical > & {
|
||||
@ -105,7 +105,7 @@
|
||||
position: absolute;
|
||||
min-width: 160px;
|
||||
margin-left: 4px;
|
||||
z-index: 1070;
|
||||
z-index: @zindex-dropdown;
|
||||
}
|
||||
|
||||
&-item,
|
||||
|
@ -3,7 +3,7 @@
|
||||
.@{message-prefix-cls} {
|
||||
font-size: 12px;
|
||||
position: fixed;
|
||||
z-index: 1050;
|
||||
z-index: @zindex-message;
|
||||
width: 100%;
|
||||
top: 16px;
|
||||
left: 0;
|
||||
|
@ -8,7 +8,7 @@
|
||||
|
||||
.@{notification-prefix-cls} {
|
||||
position: fixed;
|
||||
z-index: 1000;
|
||||
z-index: @zindex-notification;
|
||||
width: @notice-width;
|
||||
margin-right: 24px;
|
||||
|
||||
|
@ -31,7 +31,7 @@
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1080;
|
||||
z-index: @zindex-popover;
|
||||
cursor: auto;
|
||||
user-select: text;
|
||||
white-space: normal;
|
||||
|
@ -363,7 +363,7 @@
|
||||
box-shadow: @box-shadow-base;
|
||||
border-radius: @border-radius-base;
|
||||
box-sizing: border-box;
|
||||
z-index: 1070;
|
||||
z-index: @zindex-dropdown;
|
||||
left: -9999px;
|
||||
top: -9999px;
|
||||
position: absolute;
|
||||
|
@ -1,6 +1,6 @@
|
||||
.@{timepicker-prefix-cls}-panel {
|
||||
max-width: 168px;
|
||||
z-index: 1070;
|
||||
z-index: @zindex-picker;
|
||||
position: absolute;
|
||||
|
||||
&.slide-up-enter.slide-up-enter-active&-placement-topLeft,
|
||||
|
@ -24,7 +24,7 @@
|
||||
// Base class
|
||||
.@{tooltip-prefix-cls} {
|
||||
position: absolute;
|
||||
z-index: 1070;
|
||||
z-index: @zindex-tooltip;
|
||||
display: block;
|
||||
visibility: visible;
|
||||
// remove left/top by yiminghe
|
||||
|
@ -112,6 +112,17 @@
|
||||
@container-md : (940px + @grid-gutter-width);
|
||||
@container-lg : (1140px + @grid-gutter-width);
|
||||
|
||||
// z-index list
|
||||
@zindex-affix : 10;
|
||||
@zindex-modal-mask : 990;
|
||||
@zindex-modal : 1000;
|
||||
@zindex-notification : 1010;
|
||||
@zindex-message : 1010;
|
||||
@zindex-popover : 1030;
|
||||
@zindex-picker : 1050;
|
||||
@zindex-dropdown : 1050;
|
||||
@zindex-tooltip : 1060;
|
||||
|
||||
// Form
|
||||
// --------------------------------
|
||||
// Legend
|
||||
|
Loading…
Reference in New Issue
Block a user