Fix gap left by hidden containers

aloyr · aloyr · commit 074ad9c00cb1 · 2017-09-19T13:43:34.000-05:00
diff --git a/src/vis-physical/styles.less b/src/vis-physical/styles.less
@@ -219,19 +219,19 @@
 }
 
 @keyframes hide {
-  0% { opacity: 1; transform: scale(1); max-height: 500px; }
-  100% { opacity: 0; transform: scale(0); max-height: 0; }
+    0% { opacity: 1; transform: scale(1); max-height: 500px; }
+  100% { opacity: 0; transform: scale(0); max-height: 0; margin: 0; }
 }
 
 @keyframes show {
-  0% { opacity: 0; transform: scale(0); max-height: 0; }
+    0% { opacity: 0; transform: scale(0); max-height: 0; margin: 0; }
   100% { opacity: 1; transform: scale(1); max-height: 500px; }
 }
 
-.hide {
+#vis-physical .container.hide {
   animation: hide .5s forwards;
 }
 
-.show {
+#vis-physical .container.show {
   animation: show .5s forwards;
 }

Original file line number	Diff line number	Diff line change
`@@ -219,19 +219,19 @@`
`219`	`219`	`}`
`220`	`220`
`221`	`221`	`@keyframes hide {`
`222`		`- 0% { opacity: 1; transform: scale(1); max-height: 500px; }`
`223`		`- 100% { opacity: 0; transform: scale(0); max-height: 0; }`
	`222`	`+ 0% { opacity: 1; transform: scale(1); max-height: 500px; }`
	`223`	`+ 100% { opacity: 0; transform: scale(0); max-height: 0; margin: 0; }`
`224`	`224`	`}`
`225`	`225`
`226`	`226`	`@keyframes show {`
`227`		`- 0% { opacity: 0; transform: scale(0); max-height: 0; }`
	`227`	`+ 0% { opacity: 0; transform: scale(0); max-height: 0; margin: 0; }`
`228`	`228`	`100% { opacity: 1; transform: scale(1); max-height: 500px; }`
`229`	`229`	`}`
`230`	`230`
`231`		`-.hide {`
	`231`	`+#vis-physical .container.hide {`
`232`	`232`	`animation: hide .5s forwards;`
`233`	`233`	`}`
`234`	`234`
`235`		`-.show {`
	`235`	`+#vis-physical .container.show {`
`236`	`236`	`animation: show .5s forwards;`
`237`	`237`	`}`