From cdcf53573d5eb85254913d25a9ee118a5df7c2f2 Mon Sep 17 00:00:00 2001 From: Kris Date: Thu, 16 Nov 2023 16:50:06 -0500 Subject: [PATCH] UX: composer category dropdown height, truncation (#24420) --- app/assets/stylesheets/common/base/compose.scss | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/app/assets/stylesheets/common/base/compose.scss b/app/assets/stylesheets/common/base/compose.scss index b1eba184d7e..8f5ce41cd6e 100644 --- a/app/assets/stylesheets/common/base/compose.scss +++ b/app/assets/stylesheets/common/base/compose.scss @@ -270,22 +270,20 @@ html.composer-open { max-width: 450px; } - // below needed for text-overflow: ellipsis; .selected-name { max-width: 100%; overflow: hidden; .name { - max-width: 100%; - overflow: hidden; display: flex; + font-size: var(--font-up-1); + max-width: 100%; gap: 0 0.5em; - .badge-category__wrapper { + .badge-category { overflow: hidden; } // This prevents the first category from being too-truncated at the expense of a long subcategory - .badge-category__wrapper:first-of-type:not(:last-of-type) { - flex: 1 0 auto; - max-width: 50%; + > span:last-of-type:not(:first-of-type) { + flex-shrink: 10; } } }