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

UX: Style adjustments and fixes (#44)

This commit is contained in:
Jordan Vidrine 2023-11-09 10:11:33 -06:00 committed by GitHub
parent e20a36d9f5
commit b0b6448e7c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
common/common.scss
View File

@ -38,20 +38,22 @@ $max-width: 600px;
position: relative; position: relative;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
.d-icon-search {
margin: 0;
}
.browser-search-tip { .browser-search-tip {
display: none; display: none;
} }
input[type="text"] { .search-input input#search-term[type="text"] {
margin: 0; margin: 0;
width: 100%; width: 100%;
padding-right: 4em; padding-left: 2.25em;
} }
} }
.search-input { .search-input {
flex: 1 1 auto; flex: 1 1 auto;
margin: 0; margin: 0;
padding: 0;
.searching { .searching {
// spinner // spinner
top: 0.4em; top: 0.4em;
@ -75,15 +77,10 @@ $max-width: 600px;
.btn.search-icon { .btn.search-icon {
position: absolute; position: absolute;
z-index: 2; z-index: 2;
order: 2;
right: 0;
background: transparent; background: transparent;
padding-top: 0.6em;
line-height: 1; line-height: 1;
color: var(--primary-high); color: var(--primary-medium);
.d-icon { height: 100%;
margin: 0 0 0 0.33em;
}
.discourse-no-touch & { .discourse-no-touch & {
&:hover { &:hover {
background: transparent; background: transparent;
@ -108,7 +105,7 @@ $max-width: 600px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
left: 0; left: 0;
top: 2.4em; top: 2.75em;
right: 0; right: 0;
padding: 0.5em; padding: 0.5em;
@include breakpoint(mobile-extra-large) { @include breakpoint(mobile-extra-large) {
@ -119,6 +116,9 @@ $max-width: 600px;
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
} }
.d-icon-search {
display: none;
}
} }
.searching a.show-advanced-search { .searching a.show-advanced-search {