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

[rtl] Fix settings in left panel

Browse source
This commit is contained in:
JuliaSvinareva 2022-11-01 20:13:33 +03:00
parent b1693cd7c0
commit 3431fb313f
11 changed files with 185 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
apps/common/main/lib/component/TreeView.js
View file

@ -170,7 +170,7 @@ define([
initialize : function(options) {
options.store = options.store || new Common.UI.TreeViewStore();
options.emptyItemText = options.emptyItemText || '';
options.itemTemplate = options.itemTemplate || _.template([
options.itemTemplate = options.itemTemplate || !Common.UI.isRTL() ? _.template([
'<div id="<%= id %>" class="tree-item <% if (!isVisible) { %>' + 'hidden' + '<% } %>" style="display: block;padding-left: <%= level*16 + 24 %>px;">',
'<% if (hasSubItems) { %>',
'<div class="tree-caret img-commonctrl ' + '<% if (!isExpanded) { %>' + 'up' + '<% } %>' + '" style="margin-left: <%= level*16 %>px;"></div>',
@ -183,6 +183,19 @@ define([
'<div class="name"><%= Common.Utils.String.htmlEncode(name) %></div>',
'<% } %>',
'</div>'
].join('')) : _.template([
'<div id="<%= id %>" class="tree-item <% if (!isVisible) { %>' + 'hidden' + '<% } %>" style="display: block;padding-right: <%= level*16 + 24 %>px;">',
'<% if (hasSubItems) { %>',
'<div class="tree-caret img-commonctrl ' + '<% if (!isExpanded) { %>' + 'up' + '<% } %>' + '" style="margin-right: <%= level*16 %>px;"></div>',
'<% } %>',
'<% if (isNotHeader) { %>',
'<div class="name not-header"><%= Common.Utils.String.htmlEncode(name) %></div>',
'<% } else if (isEmptyItem) { %>',
'<div class="name empty">' + options.emptyItemText + '</div>',
'<% } else { %>',
'<div class="name"><%= Common.Utils.String.htmlEncode(name) %></div>',
'<% } %>',
'</div>'
].join(''));
Common.UI.DataView.prototype.initialize.call(this, options);
},

4
apps/common/main/lib/template/CommentsPanel.template
View file

@ -12,7 +12,7 @@
</div>
<div id="comments-header" class="">
<label><%=textComments%></label>
<div id="comments-btn-close" style="float:right;margin-left: 4px;"></div>
<div id="comments-btn-sort" style="float:right;"></div>
<div id="comments-btn-close"></div>
<div id="comments-btn-sort"></div>
</div>
</div>

13
apps/common/main/resources/less/chat.less
View file

@ -20,6 +20,11 @@
margin-top: 5px;
margin-bottom: 5px;
right: 4px !important;
.rtl & {
right: unset !important;
left: 4px !important;
}
}
#chat-title {
@ -60,6 +65,10 @@
height: 12px;
border: 1px solid @border-toolbar-ie;
border: 1px solid @border-toolbar;
.rtl & {
margin: 0 0 3px 5px;
}
}
.name {
@ -119,6 +128,10 @@
border: 1px solid @border-toolbar;
margin: 0 5px 3px 0;
vertical-align: middle;
.rtl & {
margin: 0 0 3px 5px;
}
}
.message {

61
apps/common/main/resources/less/comments.less
View file

@ -23,6 +23,25 @@
.font-weight-bold();
margin-top: 2px;
}
#comments-btn-close {
float: right;
margin-left: 4px;
.rtl & {
float: left;
margin-left: 0;
margin-right: 4px;
}
}
#comments-btn-sort {
float: right;
.rtl & {
float: left;
}
}
}
.messages-ct {
@ -44,6 +63,11 @@
margin-top: 5px;
margin-bottom: 5px;
right: 4px !important;
.rtl & {
right: unset !important;
left: 4px !important;
}
}
.dataview-ct.inner {
@ -110,9 +134,19 @@
.btn {
&.add {
margin-left: 20px;
.rtl & {
margin-left: 0;
margin-right: 20px;
}
}
&.cancel {
margin-left: 7px;
.rtl & {
margin-left: 0;
margin-right: 7px;
}
}
}
}
@ -175,6 +209,10 @@
padding: 10px 65px 0 0px;
height: 26px;
cursor: default;
.rtl & {
padding: 10px 0px 0 65px;
}
}
.color {
@ -184,6 +222,10 @@
border: @scaled-one-px-value solid @border-toolbar;
margin: 0 5px 3px 0;
vertical-align: middle;
.rtl & {
margin: 0 0 3px 5px;
}
}
.user-name-colored {
@ -272,6 +314,12 @@
top: 0;
margin: 11px 21px 10px 10px;
height: 20px;
.rtl & {
right: unset;
left: 0;
margin: 11px 10px 10px 21px;
}
}
.btns-reply-ct {
@ -280,6 +328,11 @@
top: 0;
height: 30px;
margin-top: 11px;
.rtl & {
right: unset;
left: 0;
}
}
.reply-item-ct {
@ -291,6 +344,10 @@
div[class^=btn-] {
float: left;
cursor: pointer;
.rtl & {
float: right;
}
}
.btn-edit,.btn-delete, .btn-resolve, .icon-resolve, .btn-resolve-check, .btn-accept, .btn-reject, .btn-goto {
@ -298,6 +355,10 @@
height: 16px;
margin: 0 0 0 5px;
background-color: transparent;
.rtl & {
margin: 0 5px 0 0;
}
}
.icon-resolve {

25
apps/common/main/resources/less/searchdialog.less
View file

@ -132,6 +132,10 @@
#search-btn-close {
float: right;
.rtl & {
float: left;
}
}
}
@ -170,6 +174,11 @@
.search-nav-btns {
display: inline-block;
float: right;
.rtl & {
float: left;
}
div {
display: inline-block;
}
@ -200,6 +209,11 @@
cursor: pointer;
margin-left: 15px;
.rtl & {
margin-left: 0;
margin-right: 15px;
}
.search-options-txt {
display: inline-block;
padding: 5px 0;
@ -214,6 +228,13 @@
left: 0;
cursor: pointer;
margin-left: 8px;
.rtl & {
margin-left: 0;
margin-right: 8px;
left: unset;
right: 0;
}
}
}
@ -234,6 +255,10 @@
}
.search-options-caret {
transform: rotate(270deg);
.rtl & {
transform: rotate(90deg);
}
}
}

9
apps/common/main/resources/less/treeview.less
View file

@ -79,8 +79,17 @@
left: 0;
cursor: pointer;
.rtl & {
left: unset;
right: 0;
}
&.up {
transform: rotate(270deg);
.rtl & {
transform: rotate(90deg);
}
}
}
}

4
apps/documenteditor/main/app/view/Navigation.js
View file

@ -51,8 +51,8 @@ define([
'<div id="navigation-box" class="layout-ct vbox">',
'<div id="navigation-header" className="">',
'<label><%= scope.strNavigate%></label>',
'<div id="navigation-btn-close" style="float:right;margin-left: 4px;"></div>',
'<div id="navigation-btn-settings" style="float:right;"></div>',
'<div id="navigation-btn-close"></div>',
'<div id="navigation-btn-settings"></div>',
'</div>',
'<div id="navigation-list" class="">',
'</div>',

19
apps/documenteditor/main/resources/less/navigation.less
View file

@ -18,6 +18,25 @@
.font-weight-bold();
margin-top: 2px;
}
#navigation-btn-close {
float: right;
margin-left: 4px;
.rtl & {
float: left;
margin-left: 0;
margin-right: 4px;
}
}
#navigation-btn-settings {
float: right;
.rtl & {
float: left;
}
}
}
#navigation-list {

3
apps/spreadsheeteditor/main/app/view/Spellcheck.js
View file

@ -65,7 +65,7 @@ define([
'<label class="header" style="display: block;"><%= scope.txtDictionaryLanguage %></label>',
'<div id="spellcheck-dictionary-language"></div>',
'<div id="spellcheck-complete" class="hidden">',
'<i class="btn-resolve" style="display: inline-block;margin-right: 10px;"></i>',
'<i class="btn-resolve"></i>',
'<%= scope.txtComplete %>' ,
'</div>',
'</div>',
@ -110,7 +110,6 @@ define([
this.buttonNext = new Common.UI.Button({
parentEl: $('#spellcheck-next'),
style: 'margin-left: 5px;',
cls: 'btn-toolbar bg-white',
iconCls: 'toolbar__icon btn-nextitem',
hint: this.txtNextTip,

10
apps/spreadsheeteditor/main/resources/less/leftmenu.less
View file

@ -889,6 +889,11 @@
&:last-child {
width: 36%;
}
.rtl & {
padding-left: 0;
padding-right: 4px;
}
}
}
.search-items {
@ -911,6 +916,11 @@
&:last-child {
width: 36%;
}
.rtl & {
padding-left: 0;
padding-right: 4px;
}
}
}
}

29
apps/spreadsheeteditor/main/resources/less/spellcheck.less
View file

@ -40,6 +40,11 @@
margin-top: 5px;
margin-bottom: 5px;
right: 4px !important;
.rtl & {
right: unset !important;
left: 4px !important;
}
}
}
}
@ -52,6 +57,15 @@
#spellcheck-next {
display: inline-block;
.btn {
margin-left: 5px;
.rtl & {
margin-left: 0;
margin-right: 5px;
}
}
}
#spellcheck-suggestions-list {
@ -70,6 +84,11 @@
#spellcheck-ignore {
margin-left: 9px;
display: inline-block;
.rtl & {
margin-left: 0;
margin-right: 9px;
}
}
#spellcheck-add-to-dictionary {
@ -86,6 +105,16 @@
#spellcheck-complete {
display: flex;
.btn-resolve {
display: inline-block;
margin-right: 10px;
.rtl & {
margin-right: 0;
margin-left: 10px;
}
}
}
.btn-resolve
{