diff --git a/apps/spreadsheeteditor/main/app/view/CellEditor.js b/apps/spreadsheeteditor/main/app/view/CellEditor.js index 6c7024949..8c656ae6e 100644 --- a/apps/spreadsheeteditor/main/app/view/CellEditor.js +++ b/apps/spreadsheeteditor/main/app/view/CellEditor.js @@ -66,7 +66,7 @@ define([ }) }); 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.$btnexpand = $('#ce-btn-expand', this.el); diff --git a/apps/spreadsheeteditor/main/resources/less/celleditor.less b/apps/spreadsheeteditor/main/resources/less/celleditor.less index 77298486c..c1826bd57 100644 --- a/apps/spreadsheeteditor/main/resources/less/celleditor.less +++ b/apps/spreadsheeteditor/main/resources/less/celleditor.less @@ -15,6 +15,10 @@ background-color: @background-toolbar-ie; background-color: @background-toolbar; + .rtl & { + float: right; + } + #ce-cell-name { width: 100px; 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 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] { color: @border-preview-select-ie; color: @border-preview-select; @@ -44,6 +55,11 @@ background-color: @background-toolbar-ie; background-color: @background-toolbar; + .rtl & { + left: auto; + right: 80px; + } + button { background-color: @background-normal-ie; background-color: @background-normal; @@ -73,6 +89,11 @@ margin-left: -3px; .border-radius(0); + .rtl & { + margin-left: 0; + margin-right: -3px; + } + &.disabled { opacity: 0.4; } @@ -92,6 +113,10 @@ height: 100%; background-color: @background-normal-ie; background-color: @background-normal; + + .rtl & { + float: left; + } } .ce-group-content { @@ -100,6 +125,13 @@ border-left: @scaled-one-px-value-ie solid @border-toolbar-ie; 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 { height: 100%; resize: none;