Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[mobile] Editing styles

Browse source
This commit is contained in:
SergeyEzhin 2021-04-19 17:50:40 +03:00
parent 6fe3f773d1
commit 8f7bc6daee
3 changed files with 22 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/common/mobile/lib/view/Search.jsx
View file

@ -300,7 +300,7 @@ class SearchView extends Component {
<i className="icon icon-settings" /> <i className="icon icon-settings" />
</a> </a>
</div> </div>
<div className="buttons-row-replace"> <div className="buttons-row-replace" style={!Device.isPhone ? {paddingRight: '14px'} : null}>
{!Device.isPhone && usereplace ? ( {!Device.isPhone && usereplace ? (
<Fragment> <Fragment>
<a id="replace-link" className={"link " + (searchQuery.trim().length ? "" : "disabled")} onClick={() => this.onReplaceClick()}>{_t.textReplace}</a> <a id="replace-link" className={"link " + (searchQuery.trim().length ? "" : "disabled")} onClick={() => this.onReplaceClick()}>{_t.textReplace}</a>

7
apps/common/mobile/resources/less/common-material.less
View file

@ -29,7 +29,8 @@
justify-content: center; justify-content: center;
} }
.searchbar-inner { .searchbar-inner {
padding-right: 19px; padding-right: 7px;
padding-left: 18px;
&__left, &__right { &__left, &__right {
height: auto; height: auto;
} }
@ -43,10 +44,6 @@
&__center { &__center {
flex-wrap: wrap; flex-wrap: wrap;
} }
a.link-settings {
margin: 0;
padding: 0;
}
} }
.searchbar-expandable.searchbar-enabled { .searchbar-expandable.searchbar-enabled {
top: 0; top: 0;

49
apps/common/mobile/resources/less/search.less
View file

@ -13,53 +13,42 @@
.searchbar-bg { .searchbar-bg {
.hairline(bottom, @statusBarBorderColor); .hairline(bottom, @statusBarBorderColor);
} }
.searchbar-inner {
&__right {
display: block;
}
}
} }
} }
.searchbar-inner { .searchbar-inner {
padding-left: 25px;
padding-right: 18px;
justify-content: space-between; justify-content: space-between;
padding-left: 22px;
height: 100%; height: 100%;
&__left { &__left {
// height: 100%; width: 75%;
width: 65%;
} }
&__right { &__right {
// height: 100%; margin-left: 10px;
.buttons-row { .buttons-row {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
.link-settings { .link-settings {
max-width: 24px;
min-width: 24px; min-width: 24px;
margin-left: 20px;
} }
} }
} .buttons-row-replace {
display: flex;
.buttons-row-replace { flex-direction: row;
display: flex; align-items: center;
flex-direction: row; width: 100%;
align-items: center; padding-left: 19px;
width: 100%; a {
justify-content: center; font-size: 15px;
// margin-top: 5px; height: auto;
a { display: block;
font-size: 15px; line-height: normal;
height: auto; padding: 0;
display: block; }
line-height: normal; a:nth-child(2) {
} margin-left: 20px;
a:nth-child(2) { }
margin-left: 20px;
} }
} }