truncate contributors name in filter tag with ellipis (hackforla#7052)

terrencejihoonjung · Jul 13, 2024 · 501535a · 501535a
1 parent 82878e5
commit 501535a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/_sass/components/_toolkit.scss b/_sass/components/_toolkit.scss
@@ -61,8 +61,11 @@
     flex-direction: column;
 
     .filter-tag {
-        overflow-x: auto;
+        overflow-x: hidden;
         overflow-y: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        max-width: 300px;
     }
 
     a {

diff --git a/_sass/elements/_dropdown_filters.scss b/_sass/elements/_dropdown_filters.scss
@@ -197,9 +197,10 @@ border-radius: 2.5px;
   font-size: 15px;
   text-transform: capitalize;
 
-  &::after {
+  &::before {
     content: "\00d7";
-    padding-left: 0.5em;
+    padding-left: 0.75em;
+    float: right;
   }
 
   &:hover,