fix(simput): Grid height style issue on Firefox

CASL · May 21, 2018 · ddefae2 · ddefae2
1 parent 278325d
commit ddefae2
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/widgets/GridMapWidget.mcss b/src/widgets/GridMapWidget.mcss
@@ -15,12 +15,21 @@
 .gridItem {
   align-self: stretch;
   border: solid 1px rgba(100, 100, 100, 0.5);
-  padding-top: 100%;
+
   position: relative;
   transition-timing-function: ease-in;
   transition: opacity 0.5s;
 }
 
+.gridItem:before {
+  content: "";
+  height: 0;
+  display: inline-block;
+  padding-top: 100%;
+  width: 1px;
+  position: relative;
+}
+
 .inactiveGridItem {
   composes: gridItem;
   opacity: 0.5;