Merge pull request #25 from appirio-tech/transition

samsep · samsep · commit 56e2425bdb52 · 2016-03-11T16:59:17.000-08:00
Add Slide Transition to Modal
diff --git a/src/styles/modal.scss b/src/styles/modal.scss
@@ -5,20 +5,18 @@ modal {
   @include display(flex);
   @include justify-content(center);
   @include flex-wrap(wrap);
-  @include transform(scale(0));
   @include transition (all 0.2s ease-in-out);
 
   position  : fixed;
-  top       : 0;
+  top       : 100vh;
   left      : 0;
   width     : 100%;
   height    : 100%;
   z-index   : 1000;
   opacity   : 0;
 
   &.show {
-    @include transform(scale(1));
-
+    top: 0;
     opacity: 1;
   }
 
@@ -35,4 +33,3 @@ modal {
     }
   }
 }
-

Original file line number	Diff line number	Diff line change
`@@ -5,20 +5,18 @@ modal {`
`5`	`5`	`@include display(flex);`
`6`	`6`	`@include justify-content(center);`
`7`	`7`	`@include flex-wrap(wrap);`
`8`		`- @include transform(scale(0));`
`9`	`8`	`@include transition (all 0.2s ease-in-out);`
`10`	`9`
`11`	`10`	`position : fixed;`
`12`		`- top : 0;`
	`11`	`+ top : 100vh;`
`13`	`12`	`left : 0;`
`14`	`13`	`width : 100%;`
`15`	`14`	`height : 100%;`
`16`	`15`	`z-index : 1000;`
`17`	`16`	`opacity : 0;`
`18`	`17`
`19`	`18`	`&.show {`
`20`		`- @include transform(scale(1));`
`21`		`-`
	`19`	`+ top: 0;`
`22`	`20`	`opacity: 1;`
`23`	`21`	`}`
`24`	`22`
`@@ -35,4 +33,3 @@ modal {`
`35`	`33`	`}`
`36`	`34`	`}`
`37`	`35`	`}`
`38`		`-`