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

[rtl] Fix dialogs from toolbar for PE and DE

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

5
apps/common/main/lib/view/InsertTableDialog.js
View file

@ -51,6 +51,7 @@ define([
height: 157,
style: 'min-width: 230px;',
cls: 'modal-dlg',
id: 'window-insert-table',
split: false,
buttons: ['ok', 'cancel']
},
@ -63,10 +64,10 @@ define([
this.template = [
'<div class="box">',
'<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 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>'
].join('');

10
apps/common/main/resources/less/advanced-settings-window.less
View file

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

7
apps/common/main/resources/less/combo-dataview.less
View file

@ -450,6 +450,13 @@
.view {
margin-right: -@combo-dataview-button-width;
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 {

3
apps/documenteditor/main/app/view/DateTimeDialog.js
View file

@ -50,6 +50,7 @@ define([
width: 350,
style: 'min-width: 230px;',
cls: 'modal-dlg',
id: 'window-date-time',
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 class="input-row">',
'<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>'
].join('');

10
apps/documenteditor/main/resources/less/advanced-settings.less
View file

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

2
apps/presentationeditor/main/app/view/Animation.js
View file

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

3
apps/presentationeditor/main/app/view/DateTimeDialog.js
View file

@ -50,6 +50,7 @@ define([
width: 350,
style: 'min-width: 230px;',
cls: 'modal-dlg',
id: 'window-date-time',
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 class="input-row">',
'<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>'
].join('');

4
apps/presentationeditor/main/app/view/GridSettings.js
View file

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

4
apps/presentationeditor/main/app/view/HyperlinkSettingsDialog.js
View file

@ -71,8 +71,8 @@ define([
this.template = [
'<div class="box" style="height: 319px;">',
'<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-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-external">', this.textExternalLink,'</button>',
'<button type="button" class="btn btn-text-default auto" id="id-dlg-hyperlink-internal">', this.textInternalLink,'</button>',
'</div>',
'<div id="id-external-link">',
'<div class="input-row">',

2
apps/presentationeditor/main/app/view/Transitions.js
View file

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

57
apps/presentationeditor/main/resources/less/advanced-settings.less
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;
}
}
}

12
apps/presentationeditor/main/resources/less/animation.less
View file

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