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

[SSE] Fix cell editor styles for rtl

Browse source
This commit is contained in:
JuliaSvinareva 2023-01-10 17:38:49 +03:00
parent a3ef2dbf6a
commit c887caad83
2 changed files with 33 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/spreadsheeteditor/main/app/view/CellEditor.js
View file

@ -66,7 +66,7 @@ define([
}) })
}); });
this.btnNamedRanges.setVisible(false); this.btnNamedRanges.setVisible(false);
this.btnNamedRanges.menu.setOffset(-81); this.btnNamedRanges.menu.setOffset(Common.UI.isRTL() ? 81 : -81);
this.$cellname = $('#ce-cell-name', this.el); this.$cellname = $('#ce-cell-name', this.el);
this.$btnexpand = $('#ce-btn-expand', this.el); this.$btnexpand = $('#ce-btn-expand', this.el);

32
apps/spreadsheeteditor/main/resources/less/celleditor.less
View file

@ -15,6 +15,10 @@
background-color: @background-toolbar-ie; background-color: @background-toolbar-ie;
background-color: @background-toolbar; background-color: @background-toolbar;
.rtl & {
float: right;
}
#ce-cell-name { #ce-cell-name {
width: 100px; width: 100px;
height: 19px; height: 19px;
@ -30,6 +34,13 @@
box-shadow: 0 @scaled-one-px-value-ie 0 0 @border-toolbar-ie; box-shadow: 0 @scaled-one-px-value-ie 0 0 @border-toolbar-ie;
box-shadow: 0 @scaled-one-px-value 0 0 @border-toolbar; box-shadow: 0 @scaled-one-px-value 0 0 @border-toolbar;
.rtl & {
padding: 0px 4px 0 19px;
border: 0 none;
border-left: @scaled-one-px-value-ie solid @border-toolbar-ie;
border-left: @scaled-one-px-value solid @border-toolbar;
}
&[disabled] { &[disabled] {
color: @border-preview-select-ie; color: @border-preview-select-ie;
color: @border-preview-select; color: @border-preview-select;
@ -44,6 +55,11 @@
background-color: @background-toolbar-ie; background-color: @background-toolbar-ie;
background-color: @background-toolbar; background-color: @background-toolbar;
.rtl & {
left: auto;
right: 80px;
}
button { button {
background-color: @background-normal-ie; background-color: @background-normal-ie;
background-color: @background-normal; background-color: @background-normal;
@ -73,6 +89,11 @@
margin-left: -3px; margin-left: -3px;
.border-radius(0); .border-radius(0);
.rtl & {
margin-left: 0;
margin-right: -3px;
}
&.disabled { &.disabled {
opacity: 0.4; opacity: 0.4;
} }
@ -92,6 +113,10 @@
height: 100%; height: 100%;
background-color: @background-normal-ie; background-color: @background-normal-ie;
background-color: @background-normal; background-color: @background-normal;
.rtl & {
float: left;
}
} }
.ce-group-content { .ce-group-content {
@ -100,6 +125,13 @@
border-left: @scaled-one-px-value-ie solid @border-toolbar-ie; border-left: @scaled-one-px-value-ie solid @border-toolbar-ie;
border-left: @scaled-one-px-value solid @border-toolbar; border-left: @scaled-one-px-value solid @border-toolbar;
.rtl & {
border-left: none;
border-right: @scaled-one-px-value-ie solid @border-toolbar-ie;
border-right: @scaled-one-px-value solid @border-toolbar;
margin: 0 120px 0 16px;
}
#ce-cell-content { #ce-cell-content {
height: 100%; height: 100%;
resize: none; resize: none;