IE flexbox fix

bcdunbar · bcdunbar · commit e7b539c7dff7 · 2018-07-24T21:49:37.000+10:00
diff --git a/_data/cache_bust_css.yml b/_data/cache_bust_css.yml
@@ -1,2 +1,2 @@
-533d36de02bf196ba13c16dba093c24a  ../all_static/css/main.css
+26066b61dc11fdafb06ddd642c70d0d8  ../all_static/css/main.css
 a5765df8bc2358dd61c19edcc0cbef7d  ../all_static/css/normalize.css
diff --git a/all_static/css/main.css b/all_static/css/main.css
@@ -28,8 +28,8 @@ body {
       font-weight: 400 !important; }
   body main.\--page {
     -webkit-box-flex: 1;
-    -webkit-flex: 1;
-    -ms-flex: 1;
+    -webkit-flex: auto;
+    -ms-flex: auto;
     flex: auto;
     display: -webkit-box;
     display: -webkit-flex;
@@ -1862,9 +1862,9 @@ ul.\--ref {
 .\--help-box {
   background: #447bdc;
   padding: 40px 20px;
-  -webkit-box-flex: 0;
-  -webkit-flex: 0;
-  -ms-flex: 0;
+  -webkit-box-flex: 1;
+  -webkit-flex: auto;
+  -ms-flex: auto;
   flex: auto;
   width: 100%;
   position: relative;
@@ -8335,9 +8335,8 @@ pre, code, .hljs {
         justify-content: center; } }
   .\--tutorial-section:not(.no-image) .\--grid-item {
     -webkit-box-flex: 1;
-    -webkit-flex: 1 1 -webkit-calc(162px);
-    -ms-flex: 1 1 calc(162px);
-    /* flex: 1 1 calc(162px); */
+    -webkit-flex: auto;
+    -ms-flex: auto;
     flex: auto;
     width: -webkit-calc(162px - 20px);
     width: calc(162px - 20px);
@@ -8352,8 +8351,7 @@ pre, code, .hljs {
         -webkit-box-flex: 1;
         -webkit-flex: 1 1 -webkit-calc(162px);
         -ms-flex: 1 1 calc(162px);
-        /* flex: 1 1 calc(162px); */
-        flex: auto;
+        flex: 1 1 calc(162px);
         width: -webkit-calc(162px);
         width: calc(162px);
         max-width: -webkit-calc(162px);
diff --git a/scss/_components/_base.scss b/scss/_components/_base.scss
@@ -33,7 +33,7 @@ body {
     }
   }
   main.\--page {
-    flex: 1;
+    flex: auto;
     display: flex;
     flex-wrap: wrap;
     align-items: stretch;
diff --git a/scss/_components/_helpbox.scss b/scss/_components/_helpbox.scss
@@ -2,7 +2,7 @@
 .\--help-box{
   background: $blue;
   padding:$unit*4 $unit*2;
-  flex:0;
+  flex:auto;
   width: 100%;
   position: relative;
   z-index:99;
@@ -132,4 +132,4 @@
       }
     }
   }
-}
+}
diff --git a/scss/layout/layout.grid.scss b/scss/layout/layout.grid.scss
@@ -28,7 +28,8 @@
       // parent: *.--grid-list
       // in use: *.--grid-item
       &-item {
-        flex: 1 1 calc(162px);
+        // flex: 1 1 calc(162px);
+        flex: auto;
         width: calc(162px - 20px);
         max-width: 162px;
 

Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,2 @@`
`1`		`-533d36de02bf196ba13c16dba093c24a ../all_static/css/main.css`
	`1`	`+26066b61dc11fdafb06ddd642c70d0d8 ../all_static/css/main.css`
`2`	`2`	`a5765df8bc2358dd61c19edcc0cbef7d ../all_static/css/normalize.css`
Original file line number	Diff line number	Diff line change
`@@ -33,7 +33,7 @@ body {`
`33`	`33`	`}`
`34`	`34`	`}`
`35`	`35`	`main.\--page {`
`36`		`- flex: 1;`
	`36`	`+ flex: auto;`
`37`	`37`	`display: flex;`
`38`	`38`	`flex-wrap: wrap;`
`39`	`39`	`align-items: stretch;`
Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@`
`2`	`2`	`.\--help-box{`
`3`	`3`	`background: $blue;`
`4`	`4`	`padding:$unit4 $unit2;`
`5`		`- flex:0;`
	`5`	`+ flex:auto;`
`6`	`6`	`width: 100%;`
`7`	`7`	`position: relative;`
`8`	`8`	`z-index:99;`
`@@ -132,4 +132,4 @@`
`132`	`132`	`}`
`133`	`133`	`}`
`134`	`134`	`}`
`135`		`-}`
	`135`	`+}`