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

UX: flexible autocomplete width (#25900) 

When tagging a user in composer, the autocomplete div has a fixed width, causing longer names and usernames to get cut off.  This change allows the div to expand up until a max-width of 600px on desktop.
This commit is contained in:
David Battersby 2024-02-27 17:17:30 +08:00 committed by GitHub
parent 18ca3d373d
commit 8bfa2bcf3a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -433,8 +433,8 @@ html.composer-open {
.autocomplete { .autocomplete {
z-index: z("composer", "dropdown") + 1; z-index: z("composer", "dropdown") + 1;
position: absolute; position: absolute;
max-width: 300px; max-width: 370px;
width: 300px; min-width: 300px;
background-color: var(--secondary); background-color: var(--secondary);
border: 1px solid var(--primary-low); border: 1px solid var(--primary-low);
box-shadow: var(--shadow-dropdown); box-shadow: var(--shadow-dropdown);

4
app/assets/stylesheets/desktop/compose.scss
View File

@ -11,6 +11,10 @@
} }
} }
.autocomplete {
max-width: 600px;
}
.select-kit.is-expanded { .select-kit.is-expanded {
z-index: z("composer", "dropdown") + 1; z-index: z("composer", "dropdown") + 1;
} }