FIX: uses `flex: 1 0 0;` instead of `flex: 1;` for better browser compat (#6826)

FIX: uses flex: 1 0 0; instead of flex: 1; for better browser compat (#6826)

diff --git a/app/assets/stylesheets/common/admin/admin_base.scss b/app/assets/stylesheets/common/admin/admin_base.scss
index 6662105..ead6a3e 100644
--- a/app/assets/stylesheets/common/admin/admin_base.scss
+++ b/app/assets/stylesheets/common/admin/admin_base.scss
@@ -470,7 +470,7 @@ $mobile-breakpoint: 700px;
   nav {
     display: inline-flex;
     position: relative;
-    flex: 1;
+    flex: 1 0 0;
     height: auto;
     overflow: hidden;
     padding: 0;
@@ -892,7 +892,7 @@ table#user-badges {
 
     .value-input {
       box-sizing: border-box;
-      flex: 1;
+      flex: 1 0 0;
       border-color: $primary-low;
       cursor: pointer;
       margin: 0;
@@ -919,7 +919,7 @@ table#user-badges {
     margin-left: -0.25em;
     margin-top: -0.125em;
     .new-value-input {
-      flex: 1;
+      flex: 1 0 0;
     }
     .value-input,
     .new-value-input {
diff --git a/app/assets/stylesheets/common/admin/admin_report.scss b/app/assets/stylesheets/common/admin/admin_report.scss
index 031363b..1280b09 100644
--- a/app/assets/stylesheets/common/admin/admin_report.scss
+++ b/app/assets/stylesheets/common/admin/admin_report.scss
@@ -81,7 +81,7 @@
   }
 
   .main {
-    flex: 1;
+    flex: 1 0 0;
   }
 
   .main .report-alert {
@@ -132,7 +132,7 @@
 
       .mode {
         display: inline-flex;
-        flex: 1;
+        flex: 1 0 0;
 
         .mode-btn.is-current {
           color: $tertiary;
diff --git a/app/assets/stylesheets/common/admin/admin_report_counters.scss b/app/assets/stylesheets/common/admin/admin_report_counters.scss
index a2e1c7c..476b65b 100644
--- a/app/assets/stylesheets/common/admin/admin_report_counters.scss
+++ b/app/assets/stylesheets/common/admin/admin_report_counters.scss
@@ -1,7 +1,7 @@
 .admin-report {
   .admin-report-counters {
     display: grid;
-    flex: 1;
+    flex: 1 0 0;
     grid-template-columns: 33% repeat(auto-fit, minmax(20px, 1fr));
     grid-template-rows: repeat(auto-fit, minmax(32px, 1fr));
     align-items: center;
diff --git a/app/assets/stylesheets/common/admin/admin_reports.scss b/app/assets/stylesheets/common/admin/admin_reports.scss
index 3dbd7f4..7481cad 100644
--- a/app/assets/stylesheets/common/admin/admin_reports.scss
+++ b/app/assets/stylesheets/common/admin/admin_reports.scss
@@ -27,7 +27,7 @@
 
     .filters {
       display: flex;
-      flex: 1;
+      flex: 1 0 0;
       align-items: center;
       flex-direction: column;
       margin-left: 2em;
diff --git a/app/assets/stylesheets/common/admin/dashboard_next.scss b/app/assets/stylesheets/common/admin/dashboard_next.scss
index fe8a571..eb4e6bc 100644
--- a/app/assets/stylesheets/common/admin/dashboard_next.scss
+++ b/app/assets/stylesheets/common/admin/dashboard_next.scss
@@ -286,7 +286,7 @@
 
 .counters-list {
   display: flex;
-  flex: 1;
+  flex: 1 0 0;
   flex-direction: column;
 
   .counters-header {
diff --git a/app/assets/stylesheets/common/base/compose.scss b/app/assets/stylesheets/common/base/compose.scss
index 238ad5e..459dc7e 100644
--- a/app/assets/stylesheets/common/base/compose.scss
+++ b/app/assets/stylesheets/common/base/compose.scss
@@ -216,7 +216,7 @@
     }
     .category-chooser {
       display: flex;
-      flex: 1;
+      flex: 1 0 0;
       width: auto;
     }
   }
diff --git a/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss b/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss
index 24edccb..9901a4e 100644
--- a/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss
+++ b/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss
@@ -60,6 +60,6 @@
 // mobile styles
 .mobile-view .edit-topic-timer-modal {
   .select-kit.combo-box {
-    flex: 1;
+    flex: 1 0 0;
   }
 }
diff --git a/app/assets/stylesheets/common/base/emoji.scss b/app/assets/stylesheets/common/base/emoji.scss
index 710027d..df07721 100644
--- a/app/assets/stylesheets/common/base/emoji.scss
+++ b/app/assets/stylesheets/common/base/emoji.scss
@@ -26,7 +26,7 @@ sup img.emoji {
 .emoji-picker .categories-column {
   display: flex;
   flex-direction: column;
-  flex: 1;
+  flex: 1 0 0;
   align-items: center;
   justify-content: space-between;
   border-right: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
@@ -61,7 +61,7 @@ sup img.emoji {
   overflow-y: scroll;
   -webkit-overflow-scrolling: touch;
   padding: 0;
-  flex: 1;
+  flex: 1 0 0;
   flex-direction: column;
 }
 
@@ -223,7 +223,7 @@ sup img.emoji {
 .emoji-picker .filter input {
   height: 24px;
   margin: 0;
-  flex: 1;
+  flex: 1 0 0;
   border: none;
   box-shadow: none;
   padding-right: 24px;
@@ -247,7 +247,7 @@ sup img.emoji {
   align-items: center;
   justify-content: flex-start;
   padding: 4px;
-  flex: 1;
+  flex: 1 0 0;
 }
 
 .emoji-picker .filter .clear-filter {
diff --git a/app/assets/stylesheets/common/base/modal.scss b/app/assets/stylesheets/common/base/modal.scss
index e9017d2..2713ec0 100644
--- a/app/assets/stylesheets/common/base/modal.scss
+++ b/app/assets/stylesheets/common/base/modal.scss
@@ -567,7 +567,7 @@
 
       .left,
       .right {
-        flex: 1;
+        flex: 1 0 0;
       }
 
       .text {
diff --git a/app/assets/stylesheets/common/base/search.scss b/app/assets/stylesheets/common/base/search.scss
index 18bfe3c..717851c 100644
--- a/app/assets/stylesheets/common/base/search.scss
+++ b/app/assets/stylesheets/common/base/search.scss
@@ -10,7 +10,7 @@
     margin-bottom: 1em;
 
     .search-query {
-      flex: 1;
+      flex: 1 0 0;
       margin: 0 0.5em 0 0;
     }
 
diff --git a/app/assets/stylesheets/common/base/topic-post.scss b/app/assets/stylesheets/common/base/topic-post.scss
index 5d79abd..bb27732 100644
--- a/app/assets/stylesheets/common/base/topic-post.scss
+++ b/app/assets/stylesheets/common/base/topic-post.scss
@@ -396,7 +396,7 @@ aside.quote {
 
       .remove-invited {
         display: flex;
-        flex: 1;
+        flex: 1 0 0;
         align-items: center;
         justify-content: center;
         box-sizing: border-box;
diff --git a/app/assets/stylesheets/common/d-editor.scss b/app/assets/stylesheets/common/d-editor.scss
index 66d9799..7033be3 100644
--- a/app/assets/stylesheets/common/d-editor.scss
+++ b/app/assets/stylesheets/common/d-editor.scss
@@ -43,7 +43,7 @@
 
 .d-editor-textarea-wrapper,
 .d-editor-preview-wrapper {
-  flex: 1;
+  flex: 1 0 0;
 }
 
 .d-editor-textarea-wrapper {
diff --git a/app/assets/stylesheets/common/select-kit/multi-select.scss b/app/assets/stylesheets/common/select-kit/multi-select.scss
index 0de88ae..e959a6a 100644
--- a/app/assets/stylesheets/common/select-kit/multi-select.scss
+++ b/app/assets/stylesheets/common/select-kit/multi-select.scss
@@ -17,7 +17,7 @@
 
     .select-kit-filter {
       border: 0;
-      flex: 1;
+      flex: 1 0 0;
       margin: 1px;
     }
 
@@ -89,7 +89,7 @@
         min-width: 50px;
         padding: 0;
         outline: none;
-        flex: 1;
+        flex: 1 0 0;
 
         .filter-input,
         .filter-input:focus {
@@ -112,7 +112,7 @@
       .selected-color {
         .selected-color-wrapper {
           display: flex;
-          flex: 1;
+          flex: 1 0 0;
           flex-direction: column;
         }
 
@@ -137,7 +137,7 @@
           padding: 2px 4px;
           line-height: $line-height-medium;
           display: flex;
-          flex: 1;
+          flex: 1 0 0;
           align-items: center;
         }
       }
diff --git a/app/assets/stylesheets/common/select-kit/period-chooser.scss b/app/assets/stylesheets/common/select-kit/period-chooser.scss
index 3b2db54..4cfb90b 100644
--- a/app/assets/stylesheets/common/select-kit/period-chooser.scss
+++ b/app/assets/stylesheets/common/select-kit/period-chooser.scss
@@ -57,7 +57,7 @@
         display: flex;
 
         .period-title {
-          flex: 1;
+          flex: 1 0 0;
         }
 
         .date-section {
diff --git a/app/assets/stylesheets/common/select-kit/select-kit.scss b/app/assets/stylesheets/common/select-kit/select-kit.scss
index a1a9a2b..cd5c757 100644

[... diff too long, it was truncated ...]

GitHub
sha: 608abd4c