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

UX: improve search result consistency (#27289)

This commit is contained in:
Kris 2024-06-04 01:34:21 -04:00 committed by GitHub
parent eebf332025
commit 30f55cd64b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 23 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
app/assets/stylesheets/common/base/search-menu.scss
View File

@ -124,6 +124,9 @@ $search-pad-horizontal: 0.5em;
}
.search-result-category {
.badge-category__wrapper {
font-size: var(--font-0);
}
.widget-link {
margin-bottom: 0;
}
@ -167,25 +170,31 @@ $search-pad-horizontal: 0.5em;
.search-result-group .group-result {
display: flex;
gap: 0.5em;
align-items: center;
&.--with-flair {
align-items: center;
&:not(.--with-flair) {
svg {
padding: 0.43em; // matching avatar-flair width
background: var(--primary-200);
border-radius: 50%;
}
}
.avatar-flair__wrapper,
.d-icon-users {
margin-top: 0.1em; // vertical alignment
.d-icon {
font-size: var(--font-down-1);
}
.avatar-flair {
width: 1.58em;
width: 1.62em;
height: 1.6em;
display: flex;
justify-content: center;
align-items: center;
background: var(--primary-200);
color: var(--primary-medium);
.d-icon {
font-size: var(--font-down-1);
font-size: var(--font-down-2);
color: currentColor;
}
}
@ -242,12 +251,14 @@ $search-pad-horizontal: 0.5em;
margin-right: 0.33em;
}
.badge-category__wrapper + .search-item-tag {
display: flex;
align-items: baseline;
margin-left: 0.33em;
}
.search-item-tag {
color: var(--primary-high);
.d-icon {
margin-right: 0 !important;
}
}
.extra-hint {
@ -296,9 +307,8 @@ $search-pad-horizontal: 0.5em;
vertical-align: middle;
}
.d-icon-tag {
font-size: var(--font-down-2);
font-size: 0.7em;
}
.d-icon-search {
font-size: var(--font-down-1);
}