Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: composer category dropdown height, truncation (#24420)

This commit is contained in:
Kris 2023-11-16 16:50:06 -05:00 committed by GitHub
parent d561a9ebd9
commit cdcf53573d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/assets/stylesheets/common/base/compose.scss
View File

@ -270,22 +270,20 @@ html.composer-open {
max-width: 450px; max-width: 450px;
} }
// below needed for text-overflow: ellipsis;
.selected-name { .selected-name {
max-width: 100%; max-width: 100%;
overflow: hidden; overflow: hidden;
.name { .name {
max-width: 100%;
overflow: hidden;
display: flex; display: flex;
font-size: var(--font-up-1);
max-width: 100%;
gap: 0 0.5em; gap: 0 0.5em;
.badge-category__wrapper { .badge-category {
overflow: hidden; overflow: hidden;
} }
// This prevents the first category from being too-truncated at the expense of a long subcategory // 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) { > span:last-of-type:not(:first-of-type) {
flex: 1 0 auto; flex-shrink: 10;
max-width: 50%;
} }
} }
} }