[PE] Correct import and change styles icons-rtl

This commit is contained in:
Andrey Shimagin 2022-04-26 15:19:20 +03:00
parent 15f7bb385b
commit 3b9d9925e1
4 changed files with 19 additions and 20 deletions

View file

@ -90,16 +90,6 @@
}
[dir="rtl"] {
i.icon {
i.icon.icon-next, i.icon.icon-prev, i.icon.icon-prev-change, i.icon.icon-next-change,
&.icon-search, &.icon-link, &.icon-edit-settings, &.icon-app-settings, &.icon-add-shape, &.icon-add-image,
&.icon-image-library, &.icon-text-align-right, &.icon-text-align-left, &.icon-table-add-column-left,
&.icon-table-add-column-right, &.icon-table-add-row-above, &.icon-table-add-row-below, &.icon-table-remove-row,
&.icon-table-remove-column, &.icon-paste, &.icon-copy, &.icon-table-borders-left, &.icon-table-borders-right {
transform: scaleX(-1);
}
}
.comment-list .item-content .item-inner{
padding-left: 0;
.comment-header {

View file

@ -0,0 +1,17 @@
[dir="rtl"] {
// Common rtl-icons
i.icon {
&.icon-next, &.icon-prev, &.icon-text-align-right, &.icon-text-align-left,
&.icon-table-add-column-left, &.icon-table-add-column-right, &.icon-table-remove-column,
&.icon-table-borders-left, &.icon-table-borders-right {
transform: scaleX(-1);
}
}
// [PE] rtl-icons
i.icon {
&.icon-align-left, &.icon-align-right {
transform: scaleX(-1);
}
}
}

View file

@ -17,8 +17,8 @@ window.$ = jQuery;
// Import Framework7 or Framework7-RTL Styles
let direction = LocalStorage.getItem('mode-direction');
direction === 'rtl' ? $$('html').attr('dir', 'rtl') : $$('html').removeAttr('dir')
import(`framework7/framework7-bundle${direction === 'rtl' ? '-rtl' : ''}.css`)
.then(() => direction === 'rtl' ? $$('html').attr('dir', 'rtl') : $$('html').removeAttr('dir'));
// Import App Custom Styles
import('./less/app.less');

View file

@ -1,15 +1,7 @@
@import '../../../../common/mobile/resources/less/common-rtl.less';
@import '../../../../common/mobile/\/resources/less/icons.rtl.less';
[dir="rtl"] {
i.icon {
&.icon-setup, &.icon-move-foreground, &.icon-move-background, &.icon-move-forward,
&.icon-move-backward, &.icon-align-left, &.icon-align-right,
&.icon-align-top, &.icon-align-middle, &.icon-align-bottom, &.icon-align-horizontal {
transform: scaleX(-1);
}
}
.slide-theme .item-theme.active:before {
left: -5px;
right: unset;