Fix long sidebar labels

afrux · Feb 1, 2022 · a8ecabe · a8ecabe
1 parent dfeba17
commit a8ecabe
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/less/forum/sideNav.less b/less/forum/sideNav.less
@@ -13,20 +13,28 @@
         margin: 2px 0;
 
         > a {
+          --icon-size: 30px;
           padding: 6px;
-          display: flex;
+          display: grid;
+          grid-template-columns: var(--icon-size) 1fr;
           align-items: center;
           border-radius: 25px;
           transition: background-color 0.4s, color 0.4s;
           font-size: 14px;
+          grid-gap: 10px;
 
           .Button-icon {
-            .asirem-icon-block(30px);
+            .asirem-icon-block(var(--icon-size));
             float: none;
-            margin: 0 10px 0 0;
+            margin: 0;
             border-radius: 100%;
             transition: background-color 0.4s;
           }
+
+          .Button-label {
+            overflow: hidden;
+            text-overflow: ellipsis;
+          }
         }
 
         &.active {