github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-25 08:43:25 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: flexible autocomplete width (#25900)

Browse Source 
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 {
z-index: z("composer", "dropdown") + 1;
position: absolute;
max-width: 300px;
width: 300px;
max-width: 370px;
min-width: 300px;
background-color: var(--secondary);
border: 1px solid var(--primary-low);
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 {
z-index: z("composer", "dropdown") + 1;
}