Discource-C/discourse
1
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-05 19:11:13 +00:00
Code Issues 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
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 13 deletions
Show Stats 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 {
position: relative;
margin: 1px;
display: flex;
align-items: center;
border: 1px solid var(--primary-medium);
border-radius: var(--d-border-radius-large);
background: var(--secondary-very-high);
border-radius: var(--d-input-border-radius);
margin: 1px;
padding: 0.25rem;
input#search-term {
border-width: 0;
border-radius: var(--d-border-radius-large);
background: none;
border: 0;
margin-bottom: 0;
width: auto;
flex-grow: 1;
@ -57,8 +58,10 @@ $search-pad-horizontal: 0.5em;
}
}
input[type="text"] {
margin-right: 0px;
.menu-panel {
border: 0;
box-shadow: var(--shadow-dropdown);
padding: 1rem;
}
&.menu-panel-results {
@ -77,7 +80,6 @@ $search-pad-horizontal: 0.5em;
display: flex;
flex-direction: column;
padding-top: $search-pad-vertical;
padding-bottom: $search-pad-vertical;
.list {
min-width: 100px;
@ -312,11 +314,6 @@ $search-pad-horizontal: 0.5em;
}
.searching {
position: absolute;
top: $search-pad-vertical + 0.2em;
right: $search-pad-horizontal;
min-height: 20px;
.spinner {
width: 12px;
height: 12px;