update flex property to be more explicit

update slash to math.div for scss
yext · Jun 2, 2021 · c4cb27f · c4cb27f
1 parent 338874d
commit c4cb27f
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/static/scss/answers/collapsible-filters/sdk-filter-overrides.scss b/static/scss/answers/collapsible-filters/sdk-filter-overrides.scss
@@ -6,7 +6,7 @@
   .Answers {
     &-container, &-resultsMidContainer {
       @media (min-width: #{$breakpoint-expanded-filters}) {
-        width: $container-width-at-collapsed-filters-breakpoint / $breakpoint-collapsed-filters * 100%;
+        width: math.div($container-width-at-collapsed-filters-breakpoint, $breakpoint-collapsed-filters) * 100%;
       }
     }
   }

diff --git a/static/scss/answers/templates/vertical-grid.scss b/static/scss/answers/templates/vertical-grid.scss
@@ -58,13 +58,13 @@
     }
 
     &-resultsLeftContainer {
-      flex: 1;
+      flex: 1 1 0;
       display: flex;
       justify-content: flex-end;
     }
 
     &-resultsRightContainer {
-      flex: 1;
+      flex: 1 1 0;
     }
 
     &-resultsMidContainer {

diff --git a/static/scss/answers/templates/vertical-standard.scss b/static/scss/answers/templates/vertical-standard.scss
@@ -5,13 +5,13 @@
   }
 
   &-resultsLeftContainer {
-    flex: 1;
+    flex: 1 1 0;
     display: flex;
     justify-content: flex-end;
   }
 
   &-resultsRightContainer {
-    flex: 1;
+    flex: 1 1 0;
   }
   &-resultsMidContainer {
     max-width: var(--hh-answers-container-width);