web-apps/apps/common/mobile/resources/less/search.less

110 lines
2.5 KiB
Plaintext
Raw Normal View History

2021-01-20 16:18:48 +00:00
@statusBarBorderColor: #cbcbcb;
.navbar {
2021-04-02 21:40:44 +00:00
.subnavbar {
.searchbar {
background-color: var(--f7-navbar-bg-color);
2021-01-20 16:18:48 +00:00
2021-04-02 21:40:44 +00:00
.buttons-row {
align-self: center;
display: flex;
}
.searchbar-bg {
.hairline(bottom, @statusBarBorderColor);
}
2021-01-20 16:18:48 +00:00
2021-04-02 21:40:44 +00:00
.searchbar-inner {
&__right {
display: block;
}
}
2021-01-20 16:18:48 +00:00
}
}
2021-01-28 10:27:18 +00:00
.searchbar-inner {
2021-04-02 21:40:44 +00:00
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 {
2021-04-02 21:40:44 +00:00
height: 100%;
.buttons-row {
justify-content: flex-end;
}
.link-settings {
max-width: 24px;
min-width: 24px;
margin-left: 20px;
}
}
}
.buttons-row-replace {
display: flex;
2021-04-02 21:40:44 +00:00
flex-direction: row;
align-items: center;
2021-04-02 21:40:44 +00:00
width: 100%;
justify-content: center;
margin-top: 5px;
a {
font-size: 15px;
height: auto;
display: block;
line-height: normal;
}
2021-04-02 21:40:44 +00:00
a:nth-child(2) {
margin-left: 20px;
}
}
2021-04-02 21:40:44 +00:00
.searchbar-expandable {
transition-duration: 0s;
}
2021-04-02 21:40:44 +00:00
.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;
// }
// }
// }
// }
// }
2021-01-20 16:18:48 +00:00
}