Fix alignment for long filter names (#3635)

2025-12-10 05:13:29 +00:00 · 2022-09-29 08:55:51 +10:00
parent 188ee5df4f
commit 24a7abbba7
2 changed files with 7 additions and 1 deletions
--- a/apps/desktop/src/scss/left-nav.scss
+++ b/apps/desktop/src/scss/left-nav.scss
@@ -154,6 +154,10 @@
    margin-left: auto;
    margin-right: 5px;
  }
+
+  .filter-button {
+    white-space: nowrap;
+  }
 }

 .nav {
--- a/apps/web/src/scss/vault-filters.scss
+++ b/apps/web/src/scss/vault-filters.scss
@@ -104,6 +104,9 @@
  }

  .filter-button {
+    max-width: 90%;
+    white-space: nowrap;
+
    &:hover,
    &:focus,
    &:active {
@@ -112,7 +115,6 @@
      }
      text-decoration: none;
    }
-    max-width: 90%;

    &.disabled-organization {
      max-width: 78%;