From d7bbb48fce57381bf2c371b49af72f2639701781 Mon Sep 17 00:00:00 2001 From: jiang Date: Mon, 29 Jul 2019 15:57:05 +0800 Subject: [PATCH] unified drawer and modal mask opacity (#17943) --- components/drawer/style/drawer.less | 6 +++--- components/style/themes/default.less | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/components/drawer/style/drawer.less b/components/drawer/style/drawer.less index dc6a550689..e9d31d0370 100644 --- a/components/drawer/style/drawer.less +++ b/components/drawer/style/drawer.less @@ -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; } } diff --git a/components/style/themes/default.less b/components/style/themes/default.less index 462f8184c3..277edb3550 100644 --- a/components/style/themes/default.less +++ b/components/style/themes/default.less @@ -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 // --