[all] corrected searchbar markup

This commit is contained in:
Maxim Kadushkin 2021-04-22 23:51:21 +03:00
parent d10913b91c
commit 6fe7679493
4 changed files with 10 additions and 6 deletions

View file

@ -40,7 +40,7 @@
justify-content: center; justify-content: center;
} }
.searchbar-inner { .searchbar-inner {
padding-right: 7px; padding-right: 10px;
padding-left: 18px; padding-left: 18px;
&__left, &__right { &__left, &__right {
height: auto; height: auto;
@ -78,6 +78,9 @@
&-inner { &-inner {
overflow: initial; overflow: initial;
} }
.subnavbar-inner {
padding: 0 10px;
}
} }
.page.page-with-subnavbar.page-with-logo { .page.page-with-subnavbar.page-with-logo {
@ -418,18 +421,19 @@
padding: 0; padding: 0;
border-bottom: 1px solid @white; border-bottom: 1px solid @white;
height: 100%; height: 100%;
padding: 0 36px 0 24px; padding: 0 36px 0 4px;
background-color: transparent; background-color: transparent;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 0 center; background-position: 0 center;
opacity: 1; opacity: 1;
background-size: 24px 24px; background-size: 24px 24px;
transition-duration: .3s; transition-duration: .3s;
.encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" fill="@{white}" height="24" viewBox="0 0 24 24" width="24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/><path d="M0 0h24v24H0z" fill="none"/></svg>'); //.encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" fill="@{white}" height="24" viewBox="0 0 24 24" width="24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
} }
.searchbar input[type=search]::placeholder { .searchbar input[type=search]::placeholder {
color: @white; color: @white;
opacity: .5;
} }
.actions-button-text { .actions-button-text {

View file

@ -7,7 +7,7 @@
.device-android { .device-android {
// Main Toolbar // Main Toolbar
#editor-navbar.navbar .right { #editor-navbar.navbar .right {
padding-right: 4px; //padding-right: 4px;
} }
#editor-navbar.navbar .right a.link, #editor-navbar.navbar .right a.link,
#editor-navbar.navbar .left a.link { #editor-navbar.navbar .left a.link {

View file

@ -11,7 +11,7 @@
// Main Toolbar // Main Toolbar
#editor-navbar.navbar .right { #editor-navbar.navbar .right {
padding-right: 4px; //padding-right: 4px;
} }
#editor-navbar.navbar .right a.link, #editor-navbar.navbar .right a.link,
#editor-navbar.navbar .left a.link { #editor-navbar.navbar .left a.link {

View file

@ -11,7 +11,7 @@
// Main Toolbar // Main Toolbar
#editor-navbar.navbar .right { #editor-navbar.navbar .right {
padding-right: 4px; //padding-right: 4px;
} }
#editor-navbar.navbar .right a.link, #editor-navbar.navbar .right a.link,
#editor-navbar.navbar .left a.link { #editor-navbar.navbar .left a.link {