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

[PE] Change styles for RTL support

Browse source
This commit is contained in:
Andrey Shimagin 2022-04-18 13:59:45 +03:00
parent 16c09f3b6a
commit f0a725c94a
7 changed files with 71 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
apps/common/mobile/resources/less/common-ios.less
View file

@ -118,13 +118,13 @@
}
}
.list:first-child {
li:first-child {
a {
border-radius: 0;
}
}
}
// .list:first-child {
// li:first-child {
// a {
// border-radius: 0;
// }
// }
// }
.list:last-child {
li:last-child {

68
apps/common/mobile/resources/less/common-rtl.less
View file

@ -7,18 +7,6 @@
}
}
.comment-list .item-inner{
.comment-header {
.right {
justify-content: space-between;
.comment-resolve {
margin-right: 0px;
margin-left: 10px;
}
}
}
}
.actions-modal {
.actions-button-text {
text-align: right;
@ -37,15 +25,25 @@
}
.tab-buttons {
.tab-link.tab-link:first-child {
.tab-link:first-child {
border-radius: 0px 5px 5px 0px;
}
.tab-link.tab-link:last-child {
.tab-link:last-child {
border-radius: 5px 0px 0px 5px;
}
}
.popover li:first-child .segmented a:first-child
.popover li:last-child .segmented a:first-child {
border-radius: 0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0;
}
.popover li:first-child .segmented a:last-child,
.popover li:last-child .segmented a:last-child {
border-radius: var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius);
}
.list {
.item-inner {
.item-after .segmented {
@ -54,6 +52,27 @@
}
}
}
.searchbar-inner__right .buttons-row a.next {
margin-left: 0;
margin-right: 15px;
}
.searchbar-inner__left {
margin-right: 0;
margin-left: 10px;
}
.navbar .searchbar-input-wrap {
margin-right: 0;
}
}
@media (max-width: 550px) {
.device-ios[dir=rtl] .app-layout .searchbar-expandable.searchbar-enabled .searchbar-inner__right {
margin-right: 10px;
margin-left: 0;
}
}
[dir="rtl"] {
@ -66,6 +85,18 @@
}
}
.comment-list .item-content .item-inner{
.comment-header {
.right {
justify-content: space-between;
.comment-resolve {
margin-right: 0px;
margin-left: 10px;
}
}
}
}
.shapes {
.thumb {
transform: scaleX(-1);
@ -100,4 +131,13 @@
padding-right: 0;
}
}
.dataview .active::after {
left: -5px;
right: unset;
}
.popup .list .range-number, .popover .list .range-number, .sheet-modal .list .range-number {
text-align: left;
}
}

4
apps/common/mobile/resources/less/common.less
View file

@ -72,8 +72,10 @@
padding: 15px 0 0 15px;
}
[slot="inner-end"] {
.range-number {
color: @text-normal;
min-width: 60px;
text-align: right;
}
}
.page-content {

2
apps/presentationeditor/mobile/src/view/edit/EditChart.jsx
View file

@ -285,7 +285,7 @@ const PageChartBorder = props => {
onRangeChanged={(value) => {props.onBorderSize(borderSizeTransform.sizeByIndex(value))}}
></Range>
</div>
<div slot='inner-end' style={{minWidth: '60px', textAlign: 'right'}}>
<div className='range-number' slot='inner-end'>
{stateTextBorderSize + ' ' + Common.Utils.Metric.getMetricName(Common.Utils.Metric.c_MetricUnits.pt)}
</div>
</ListItem>

6
apps/presentationeditor/mobile/src/view/edit/EditShape.jsx
View file

@ -162,7 +162,7 @@ const PageStyle = props => {
onRangeChanged={(value) => {props.onBorderSize(borderSizeTransform.sizeByIndex(value))}}
></Range>
</div>
<div slot='inner-end' style={{minWidth: '60px', textAlign: 'right'}}>
<div className='range-number' slot='inner-end'>
{stateTextBorderSize + ' ' + Common.Utils.Metric.getMetricName(Common.Utils.Metric.c_MetricUnits.pt)}
</div>
</ListItem>
@ -186,7 +186,7 @@ const PageStyle = props => {
onRangeChanged={(value) => {props.onOpacity(value)}}
></Range>
</div>
<div slot='inner-end' style={{minWidth: '60px', textAlign: 'right'}}>
<div className='range-number' slot='inner-end'>
{stateOpacity + ' %'}
</div>
</ListItem>
@ -281,7 +281,7 @@ const PageStyleNoFill = props => {
onRangeChanged={(value) => {props.onBorderSize(borderSizeTransform.sizeByIndex(value))}}
></Range>
</div>
<div slot='inner-end' style={{minWidth: '60px', textAlign: 'right'}}>
<div className='range-number' slot='inner-end'>
{stateTextBorderSize + ' ' + Common.Utils.Metric.getMetricName(Common.Utils.Metric.c_MetricUnits.pt)}
</div>
</ListItem>

2
apps/presentationeditor/mobile/src/view/edit/EditSlide.jsx
View file

@ -297,7 +297,7 @@ const PageTransition = props => {
onRangeChanged={(value) => {props.onDelay(value)}}
></Range>
</div>
<div slot='inner-end' style={{minWidth: '75px', textAlign: 'right'}}>
<div className='range-number' slot='inner-end'>
{stateRange + ' ' + _t.textSec}
</div>
</ListItem>

4
apps/presentationeditor/mobile/src/view/edit/EditTable.jsx
View file

@ -280,7 +280,7 @@ const TabBorder = inject("storeFocusObjects", "storeTableSettings")(observer(pro
onRangeChanged={(value) => {storeTableSettings.updateCellBorderWidth(borderSizeTransform.sizeByIndex(value));}}
></Range>
</div>
<div slot='inner-end' style={{minWidth: '60px', textAlign: 'right'}}>
<div className='range-number' slot='inner-end'>
{stateTextBorderSize + ' ' + Common.Utils.Metric.getMetricName(Common.Utils.Metric.c_MetricUnits.pt)}
</div>
</ListItem>
@ -539,7 +539,7 @@ const EditTable = props => {
onRangeChanged={(value) => {props.onOptionMargin(value)}}
></Range>
</div>
<div slot='inner-end' style={{minWidth: '60px', textAlign: 'right'}}>
<div className='range-number' slot='inner-end'>
{stateDistance + ' ' + metricText}
</div>
</ListItem>