fix: opacity is 0 in maskstyle looks not good (#131)

AshoneA · web-flow · commit 5e57f49d5754 · 2020-02-29T23:50:40.000+08:00
diff --git a/assets/index.less b/assets/index.less
@@ -200,8 +200,7 @@
       &-mask {
         opacity: .3;
         height: 100%;
-        animation: rcDrawerFadeIn 0.3s @ease-in-out-circ;
-        transition: none;
+        transition: opacity 0.3s @ease-in-out-circ;
       }
       &-handle {
         &-icon {
@@ -217,12 +216,3 @@
     }
   }
 }
-
-@keyframes rcDrawerFadeIn {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 0.3;
-  }
-}

Original file line number	Diff line number	Diff line change
`@@ -200,8 +200,7 @@`
`200`	`200`	`&-mask {`
`201`	`201`	`opacity: .3;`
`202`	`202`	`height: 100%;`
`203`		`- animation: rcDrawerFadeIn 0.3s @ease-in-out-circ;`
`204`		`- transition: none;`
	`203`	`+ transition: opacity 0.3s @ease-in-out-circ;`
`205`	`204`	`}`
`206`	`205`	`&-handle {`
`207`	`206`	`&-icon {`
`@@ -217,12 +216,3 @@`
`217`	`216`	`}`
`218`	`217`	`}`
`219`	`218`	`}`
`220`		`-`
`221`		`-@keyframes rcDrawerFadeIn {`
`222`		`- 0% {`
`223`		`- opacity: 0;`
`224`		`- }`
`225`		`- 100% {`
`226`		`- opacity: 0.3;`
`227`		`- }`
`228`		`-}`