mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-11-30 11:08:45 +08:00
unified drawer and modal mask opacity (#17943)
This commit is contained in:
parent
68d1ec00d4
commit
d7bbb48fce
@ -110,7 +110,7 @@
|
||||
.@{drawer-prefix-cls} {
|
||||
&-mask {
|
||||
height: 100%;
|
||||
opacity: 0.3;
|
||||
opacity: 1;
|
||||
transition: none;
|
||||
animation: antdDrawerFadeIn @animation-duration-slow @ease-base-out;
|
||||
}
|
||||
@ -193,7 +193,7 @@
|
||||
height: 0;
|
||||
background-color: @modal-mask-bg;
|
||||
opacity: 0;
|
||||
filter: ~'alpha(opacity=50)';
|
||||
filter: ~'alpha(opacity=45)';
|
||||
transition: opacity @animation-duration-slow linear, height 0s ease @animation-duration-slow;
|
||||
}
|
||||
&-open {
|
||||
@ -208,6 +208,6 @@
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.3;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
@ -363,7 +363,7 @@
|
||||
@modal-body-padding: 24px;
|
||||
@modal-header-bg: @component-background;
|
||||
@modal-footer-bg: transparent;
|
||||
@modal-mask-bg: fade(@black, 65%);
|
||||
@modal-mask-bg: fade(@black, 45%);
|
||||
|
||||
// Progress
|
||||
// --
|
||||
|
Loading…
Reference in New Issue
Block a user