UX: Prevent category dropdown from wrapping count, limit mobile width

2020-04-13 17:23:37 -04:00 · 2020-04-13 17:23:37 -04:00 · 10c2087a02
parent b6b92a562c
commit 10c2087a02
2 changed files with 4 additions and 1 deletions
--- a/app/assets/stylesheets/common/select-kit/category-row.scss
+++ b/app/assets/stylesheets/common/select-kit/category-row.scss
@ -2,7 +2,6 @@
  .category-row {
    .category-status {
      display: flex;
-      flex-wrap: wrap;
      align-items: center;
      max-width: 100%;
      -webkit-box-flex: 0;
--- a/app/assets/stylesheets/mobile/select-kit/category-drop.scss
+++ b/app/assets/stylesheets/mobile/select-kit/category-drop.scss
@ -12,6 +12,10 @@
      .select-kit-row {
        font-weight: normal;
      }
+
+      .category-name {
+        max-width: 70vw;
+      }
    }
  }
 }