simpler animations

ryanflorence · ryanflorence · commit 1011b896ca3c · 2014-10-18T08:18:16.000-06:00
diff --git a/app/assets/styles.css b/app/assets/styles.css
@@ -83,6 +83,7 @@ a.active {
   top: 41px;
   bottom: 0;
   overflow: scroll;
+  background: #fff;
 }
 
 .padBox {
@@ -120,25 +121,20 @@ a.active {
 }
 
 .detail-enter {
-  -webkit-transform: scale(0.1);
-  opacity: 0;
-  transition: all 200ms ease;
+  opacity: 0.01;
+  transition: opacity 500ms ease;
 }
 
 .detail-enter.detail-enter-active {
   opacity: 1;
-  -webkit-transform: scale(1);
 }
 
 .detail-leave {
-  -webkit-transform: scale(1);
+  transition: opacity 500ms ease;
   opacity: 1;
-  transition: all 200ms ease;
 }
 
 .detail-leave.detail-leave-active {
-  opacity: 0;
+  opacity: 0.01;
 }
 
-
-

Original file line number	Diff line number	Diff line change
`@@ -83,6 +83,7 @@ a.active {`
`83`	`83`	`top: 41px;`
`84`	`84`	`bottom: 0;`
`85`	`85`	`overflow: scroll;`
	`86`	`+ background: #fff;`
`86`	`87`	`}`
`87`	`88`
`88`	`89`	`.padBox {`
`@@ -120,25 +121,20 @@ a.active {`
`120`	`121`	`}`
`121`	`122`
`122`	`123`	`.detail-enter {`
`123`		`- -webkit-transform: scale(0.1);`
`124`		`- opacity: 0;`
`125`		`- transition: all 200ms ease;`
	`124`	`+ opacity: 0.01;`
	`125`	`+ transition: opacity 500ms ease;`
`126`	`126`	`}`
`127`	`127`
`128`	`128`	`.detail-enter.detail-enter-active {`
`129`	`129`	`opacity: 1;`
`130`		`- -webkit-transform: scale(1);`
`131`	`130`	`}`
`132`	`131`
`133`	`132`	`.detail-leave {`
`134`		`- -webkit-transform: scale(1);`
	`133`	`+ transition: opacity 500ms ease;`
`135`	`134`	`opacity: 1;`
`136`		`- transition: all 200ms ease;`
`137`	`135`	`}`
`138`	`136`
`139`	`137`	`.detail-leave.detail-leave-active {`
`140`		`- opacity: 0;`
	`138`	`+ opacity: 0.01;`
`141`	`139`	`}`
`142`	`140`
`143`		`-`
`144`		`-`