From 22138041d5087b271c00956990c5435f8a8709b2 Mon Sep 17 00:00:00 2001 From: Aadil Ahmed Date: Sat, 22 Jun 2024 20:11:23 -0700 Subject: [PATCH] truncate contributors name in filter tag with ellipis --- _sass/components/_toolkit.scss | 5 ++++- _sass/elements/_dropdown_filters.scss | 5 +++-- 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/_sass/components/_toolkit.scss b/_sass/components/_toolkit.scss index d683c4f76e..ebada21cd4 100644 --- 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 index 07a2a89858..d4b947c2da 100644 --- 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,