unified drawer and modal mask opacity (ant-design#17943)

TranquilMarmot · Jul 29, 2019 · d7bbb48 · d7bbb48
1 parent 68d1ec0
commit d7bbb48
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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
 // --