110 lines
2.5 KiB
Plaintext
110 lines
2.5 KiB
Plaintext
@statusBarBorderColor: #cbcbcb;
|
|
|
|
.navbar {
|
|
.subnavbar {
|
|
.searchbar {
|
|
background-color: var(--f7-navbar-bg-color);
|
|
|
|
.buttons-row {
|
|
align-self: center;
|
|
display: flex;
|
|
}
|
|
|
|
.searchbar-bg {
|
|
.hairline(bottom, @statusBarBorderColor);
|
|
}
|
|
|
|
.searchbar-inner {
|
|
&__right {
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.searchbar-inner {
|
|
flex-wrap: wrap;
|
|
padding-left: 25px;
|
|
padding-right: 18px;
|
|
justify-content: space-between;
|
|
height: 100%;
|
|
// &__center {
|
|
// display: flex;
|
|
// align-items: center;
|
|
// width: 100%;
|
|
// }
|
|
// &__right {
|
|
// display: flex;
|
|
// align-items: center;
|
|
// }
|
|
&__left {
|
|
height: 100%;
|
|
width: 65%;
|
|
}
|
|
&__right {
|
|
height: 100%;
|
|
.buttons-row {
|
|
justify-content: flex-end;
|
|
}
|
|
.link-settings {
|
|
max-width: 24px;
|
|
min-width: 24px;
|
|
margin-left: 20px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.buttons-row-replace {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
width: 100%;
|
|
justify-content: center;
|
|
margin-top: 5px;
|
|
a {
|
|
font-size: 15px;
|
|
height: auto;
|
|
display: block;
|
|
line-height: normal;
|
|
}
|
|
a:nth-child(2) {
|
|
margin-left: 20px;
|
|
}
|
|
}
|
|
|
|
.searchbar-expandable {
|
|
transition-duration: 0s;
|
|
}
|
|
|
|
.searchbar-expandable.searchbar-enabled {
|
|
top: 0;
|
|
}
|
|
|
|
// @media(max-width: 550px)
|
|
// {
|
|
// .searchbar-expandable.searchbar-enabled {
|
|
// .searchbar-inner {
|
|
// // &__left {
|
|
// // min-width: 22px;
|
|
// // max-width: 22px;
|
|
// // }
|
|
// // &__center {
|
|
// // flex-direction: column;
|
|
// // }
|
|
// // &__right {
|
|
// // flex-direction: column-reverse;
|
|
// // }
|
|
// }
|
|
// &.replace {
|
|
// top: 0;
|
|
// .searchbar-inner {
|
|
// height: 100%;
|
|
// &__left {
|
|
// align-self: flex-start;
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
}
|