[rtl] Fix dialogs from toolbar for PE and DE

This commit is contained in:
JuliaSvinareva 2022-11-28 16:41:25 +03:00
parent 783e40e018
commit 7d4c913be9
12 changed files with 109 additions and 10 deletions

View file

@ -51,6 +51,7 @@ define([
height: 157, height: 157,
style: 'min-width: 230px;', style: 'min-width: 230px;',
cls: 'modal-dlg', cls: 'modal-dlg',
id: 'window-insert-table',
split: false, split: false,
buttons: ['ok', 'cancel'] buttons: ['ok', 'cancel']
}, },
@ -63,10 +64,10 @@ define([
this.template = [ this.template = [
'<div class="box">', '<div class="box">',
'<div class="input-row">', '<div class="input-row">',
'<label class="text columns-text" style="width: 130px;">' + this.txtColumns + '</label><div class="columns-val" style="float: right;"></div>', '<label class="text columns-text" style="width: 130px;">' + this.txtColumns + '</label><div class="columns-val"></div>',
'</div>', '</div>',
'<div class="input-row" style="margin-top: 10px;">', '<div class="input-row" style="margin-top: 10px;">',
'<label class="text rows-text" style="width: 130px;">' + this.txtRows + '</label><div class="rows-val" style="float: right;"></div>', '<label class="text rows-text" style="width: 130px;">' + this.txtRows + '</label><div class="rows-val"></div>',
'</div>', '</div>',
'</div>' '</div>'
].join(''); ].join('');

View file

@ -122,3 +122,13 @@
} }
} }
} }
#window-insert-table {
.columns-val, .rows-val {
float: right;
.rtl & {
float: left;
}
}
}

View file

@ -450,6 +450,13 @@
.view { .view {
margin-right: -@combo-dataview-button-width; margin-right: -@combo-dataview-button-width;
padding-right: calc(@combo-dataview-button-width - @scaled-one-px-value); padding-right: calc(@combo-dataview-button-width - @scaled-one-px-value);
.rtl & {
margin-right: 0;
padding-right: 0;
margin-left: -@combo-dataview-button-width;
padding-left: calc(@combo-dataview-button-width - @scaled-one-px-value);
}
} }
.view .dataview, .dropdown-menu { .view .dataview, .dropdown-menu {

View file

@ -50,6 +50,7 @@ define([
width: 350, width: 350,
style: 'min-width: 230px;', style: 'min-width: 230px;',
cls: 'modal-dlg', cls: 'modal-dlg',
id: 'window-date-time',
buttons: ['ok', 'cancel'] buttons: ['ok', 'cancel']
}, },
@ -73,7 +74,7 @@ define([
'<div id="datetime-dlg-format" class="" style="margin-bottom: 10px;width: 100%; height: 162px; overflow: hidden;"></div>', '<div id="datetime-dlg-format" class="" style="margin-bottom: 10px;width: 100%; height: 162px; overflow: hidden;"></div>',
'<div class="input-row">', '<div class="input-row">',
'<div id="datetime-dlg-update" style="margin-top: 3px;"></div>', '<div id="datetime-dlg-update" style="margin-top: 3px;"></div>',
'<button type="button" class="btn btn-text-default auto" id="datetime-dlg-default" style="float: right;">' + this.textDefault + '</button>', '<button type="button" class="btn btn-text-default auto" id="datetime-dlg-default">' + this.textDefault + '</button>',
'</div>', '</div>',
'</div>' '</div>'
].join(''); ].join('');

View file

@ -297,4 +297,14 @@
padding-left: 15px; padding-left: 15px;
} }
} }
}
#window-date-time {
#datetime-dlg-default {
float: right;
.rtl & {
float: left;
}
}
} }

View file

@ -225,7 +225,7 @@ define([
if (menu.cmpEl) { if (menu.cmpEl) {
menu.menuAlignEl = cmp.cmpEl; menu.menuAlignEl = cmp.cmpEl;
menu.menuAlign = 'tl-tl'; menu.menuAlign = Common.UI.isRTL() ? 'tr-tr' : 'tl-tl';
menu.cmpEl.css({ menu.cmpEl.css({
'width': cmp.cmpEl.width() - cmp.openButton.$el.width(), 'width': cmp.cmpEl.width() - cmp.openButton.$el.width(),
'min-height': cmp.cmpEl.height() 'min-height': cmp.cmpEl.height()

View file

@ -50,6 +50,7 @@ define([
width: 350, width: 350,
style: 'min-width: 230px;', style: 'min-width: 230px;',
cls: 'modal-dlg', cls: 'modal-dlg',
id: 'window-date-time',
buttons: ['ok', 'cancel'] buttons: ['ok', 'cancel']
}, },
@ -73,7 +74,7 @@ define([
'<div id="datetime-dlg-format" class="" style="margin-bottom: 10px;width: 100%; height: 162px; overflow: hidden;"></div>', '<div id="datetime-dlg-format" class="" style="margin-bottom: 10px;width: 100%; height: 162px; overflow: hidden;"></div>',
'<div class="input-row">', '<div class="input-row">',
'<div id="datetime-dlg-update" style="margin-top: 3px;"></div>', '<div id="datetime-dlg-update" style="margin-top: 3px;"></div>',
'<button type="button" class="btn btn-text-default auto" id="datetime-dlg-default" style="float: right;">' + this.textDefault + '</button>', '<button type="button" class="btn btn-text-default auto" id="datetime-dlg-default">' + this.textDefault + '</button>',
'</div>', '</div>',
'</div>' '</div>'
].join(''); ].join('');

View file

@ -64,8 +64,8 @@ define([
'<div class="input-row">', '<div class="input-row">',
'<label class="text">' + this.textSpacing + '</label>', '<label class="text">' + this.textSpacing + '</label>',
'</div>', '</div>',
'<div id="grid-spacing-combo" class="input-group-nr" style="display: inline-block;width:86px;"></div>', '<div id="grid-spacing-combo" class="input-group-nr"></div>',
'<div id="grid-spacing-spin" style="display: inline-block;margin-left: 10px;"></div>', '<div id="grid-spacing-spin"></div>',
'</div>', '</div>',
'<div class="separator horizontal"></div>' '<div class="separator horizontal"></div>'
].join(''); ].join('');

View file

@ -71,8 +71,8 @@ define([
this.template = [ this.template = [
'<div class="box" style="height: 319px;">', '<div class="box" style="height: 319px;">',
'<div class="input-row" style="margin-bottom: 10px;">', '<div class="input-row" style="margin-bottom: 10px;">',
'<button type="button" class="btn btn-text-default auto" id="id-dlg-hyperlink-external" style="border-top-right-radius: 0;border-bottom-right-radius: 0;">', this.textExternalLink,'</button>', '<button type="button" class="btn btn-text-default auto" id="id-dlg-hyperlink-external">', this.textExternalLink,'</button>',
'<button type="button" class="btn btn-text-default auto" id="id-dlg-hyperlink-internal" style="border-top-left-radius: 0;border-bottom-left-radius: 0;border-left-width: 0;margin-left: -1px;">', this.textInternalLink,'</button>', '<button type="button" class="btn btn-text-default auto" id="id-dlg-hyperlink-internal">', this.textInternalLink,'</button>',
'</div>', '</div>',
'<div id="id-external-link">', '<div id="id-external-link">',
'<div class="input-row">', '<div class="input-row">',

View file

@ -162,7 +162,7 @@ define([
if (menu.cmpEl) { if (menu.cmpEl) {
menu.menuAlignEl = cmp.cmpEl; menu.menuAlignEl = cmp.cmpEl;
menu.menuAlign = 'tl-tl'; menu.menuAlign = Common.UI.isRTL() ? 'tr-tr' : 'tl-tl';
menu.cmpEl.css({ menu.cmpEl.css({
'width': cmp.cmpEl.width() - cmp.openButton.$el.width(), 'width': cmp.cmpEl.width() - cmp.openButton.$el.width(),
'min-height': cmp.cmpEl.height() 'min-height': cmp.cmpEl.height()

View file

@ -122,4 +122,61 @@
} }
} }
#window-hyperlink-settings {
#id-dlg-hyperlink-external {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
.rtl & {
.border-radius(@border-radius-small);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
#id-dlg-hyperlink-internal {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left-width: 0;
margin-left: -1px;
.rtl & {
border: @scaled-one-px-value solid @border-regular-control;
.border-radius(@border-radius-small);
margin-left: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right-width: 0;
margin-right: -1px;
}
}
}
#window-date-time {
#datetime-dlg-default {
float: right;
.rtl & {
float: left;
}
}
}
#window-grid-settings {
#grid-spacing-combo {
display: inline-block;
width:86px;
}
#grid-spacing-spin {
margin-left: 10px;
display: inline-block;
.rtl & {
margin-left: 0;
margin-right: 10px;
}
}
}

View file

@ -10,14 +10,26 @@
.menu-animation .dataview { .menu-animation .dataview {
padding: 0 0 0 2px; padding: 0 0 0 2px;
.rtl & {
padding: 0 2px 0 0;
}
.group-description { .group-description {
padding: 3px 0 3px 10px; padding: 3px 0 3px 10px;
.font-weight-bold(); .font-weight-bold();
.rtl & {
padding: 3px 10px 3px 0;
text-align: right;
}
} }
.grouped-data .group-items-container { .grouped-data .group-items-container {
float: left; float: left;
position: relative; position: relative;
.rtl & {
float: right;
}
.item { .item {
box-shadow: none; box-shadow: none;
margin: @scaled-two-px-value; margin: @scaled-two-px-value;