[PE] Correct import and change styles icons-rtl
This commit is contained in:
parent
15f7bb385b
commit
3b9d9925e1
|
@ -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 {
|
||||
|
|
17
apps/common/mobile/resources/less/icons.rtl.less
Normal file
17
apps/common/mobile/resources/less/icons.rtl.less
Normal 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);
|
||||
}
|
||||
}
|
||||
}
|
|
@ -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');
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue