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

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

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