IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-30 12:43:54 -06:00
Code Issues Packages Projects Releases Wiki Activity

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

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