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

UX: prevent user grid blowout on full page search (#16672)

This commit is contained in:
Kris 2022-05-09 21:48:01 -04:00 committed by GitHub
parent 4ef1ea0264
commit 26c5002144
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -134,7 +134,7 @@
.user-items { .user-items {
display: grid; display: grid;
gap: 2em 1em; gap: 2em 1em;
grid: auto-flow / repeat(4, 1fr); grid: auto-flow / repeat(4, minmax(0, 1fr));
@include breakpoint(medium) { @include breakpoint(medium) {
grid: auto-flow / repeat(3, 1fr); grid: auto-flow / repeat(3, 1fr);
@ -372,11 +372,13 @@
.avatar { .avatar {
margin-right: 0.5em; margin-right: 0.5em;
min-width: 25px; min-width: 25px;
flex: 0 0 auto;
} }
.user-titles { .user-titles {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
max-width: 300px; max-width: 300px;
overflow: hidden;
.name { .name {
color: var(--primary-high-or-secondary-low); color: var(--primary-high-or-secondary-low);
font-size: var(--font-0); font-size: var(--font-0);