github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-06-06 23:07:28 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: update search menu styling to cmd-k style (#24181)

Browse Source 
* UX: update search menu styling to cmd-k style

* put back focus style
This commit is contained in:
chapoi
2023-11-02 07:55:58 +02:00
committed by GitHub
parent 3cadd6769e
commit c38bbdf88a
1 changed files with 10 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -22,15 +22,16 @@ $search-pad-horizontal: 0.5em;
.search-input { .search-input {
position: relative; position: relative;
margin: 1px;
display: flex; display: flex;
align-items: center; align-items: center;
border: 1px solid var(--primary-medium); background: var(--secondary-very-high);
border-radius: var(--d-border-radius-large); border-radius: var(--d-input-border-radius);
margin: 1px;
padding: 0.25rem;
input#search-term { input#search-term {
border-width: 0; background: none;
border-radius: var(--d-border-radius-large); border: 0;
margin-bottom: 0; margin-bottom: 0;
width: auto; width: auto;
flex-grow: 1; flex-grow: 1;
@ -57,8 +58,10 @@ $search-pad-horizontal: 0.5em;
} }
} }
input[type="text"] { .menu-panel {
margin-right: 0px; border: 0;
box-shadow: var(--shadow-dropdown);
padding: 1rem;
} }
&.menu-panel-results { &.menu-panel-results {
@ -77,7 +80,6 @@ $search-pad-horizontal: 0.5em;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-top: $search-pad-vertical; padding-top: $search-pad-vertical;
padding-bottom: $search-pad-vertical;
.list { .list {
min-width: 100px; min-width: 100px;
@ -312,11 +314,6 @@ $search-pad-horizontal: 0.5em;
} }
.searching { .searching {
position: absolute;
top: $search-pad-vertical + 0.2em;
right: $search-pad-horizontal;
min-height: 20px;
.spinner { .spinner {
width: 12px; width: 12px;
height: 12px; height: 12px;