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

UX: improve directory user fields on small screens (#20765)

Browse Source
This commit is contained in:
Kris 2023-03-21 14:09:02 -04:00 committed by GitHub
parent 1ed70d17ed
commit d4c6511d31
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/assets/stylesheets/common/base/directory.scss
View File

@ -239,6 +239,7 @@
align-self: start;
white-space: nowrap;
overflow: hidden;
flex: 1 0 calc(50% - 0.5em + 5%); // 50% - padding + half the gap
span {
// caution: display flex here can interfere with overflow hiding
@ -267,6 +268,11 @@
font-size: var(--font-0);
color: var(--primary);
align-self: start;
&--user-field {
overflow: hidden;
text-overflow: ellipsis;
min-width: 0;
}
}
&__row {
@ -300,6 +306,7 @@
}
&--user-field {
display: flex;
order: 2;
// force full width of the cell
// because we don't know how much content there is