[all] corrected searchbar markup
This commit is contained in:
parent
d10913b91c
commit
6fe7679493
|
@ -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 {
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue