pengjunjie/web-apps
1
0
Fork 1
mirror of https://github.com/ONLYOFFICE/web-apps.git synced 2026-07-25 15:06:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

[DE PE SSE] Fix bugs for rtl

Browse Source
This commit is contained in:
JuliaSvinareva
2023-03-14 18:05:25 +03:00
parent 35e8a843f9
commit 8ce3e673b7
7 changed files with 119 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
apps/common/main/resources/less/history.less
View File

@ -26,6 +26,11 @@
background-color: @highlight-button-hover-ie;
background-color: @highlight-button-hover;
}
.rtl & {
padding-left: 0;
padding-right: 20px;
}
}
}
@ -47,6 +52,11 @@
.font-size-large();
cursor: pointer;
.rtl & {
padding-left: 0;
padding-right: 20px;
}
&:hover {
background-color: @highlight-button-hover-ie;
background-color: @highlight-button-hover;
@ -96,6 +106,10 @@
color: @text-normal;
text-overflow: ellipsis;
.rtl & {
padding: 10px 20px 15px 2px;
}
.user-date {
display: inline-block;
.font-size-medium();
@ -103,6 +117,11 @@
margin-right: 12px;
white-space: nowrap;
overflow: hidden;
.rtl & {
margin-right: 0;
margin-left: 12px;
}
}
.user-version {
@ -132,6 +151,11 @@
cursor: pointer;
text-overflow: ellipsis;
padding-right: 35px;
.rtl & {
padding-right: 0;
padding-left: 35px;
}
}
.color {
@ -141,6 +165,10 @@
border: @scaled-one-px-value solid @border-toolbar;
margin: 0 5px 3px 0;
vertical-align: middle;
.rtl & {
margin: 0 0 3px 5px;
}
}
.revision-expand {
@ -158,6 +186,11 @@
//transition: transform 0.2s ease;
transform: rotate(-135deg) ;
.rtl & {
right: auto;
left: 2px;
}
&.up {
transform: rotate(45deg);
}

12
apps/documenteditor/main/resources/less/toolbar.less
View File

@ -174,16 +174,28 @@
#slot-field-fontname {
float: left;
width: 84px;
.rtl & {
float: right;
}
}
#slot-field-fontsize {
float: left;
width: 45px;
margin-left: 2px;
.rtl & {
float: right;
margin-left: 0;
margin-right: 2px;
}
}
#slot-btn-incfont, #slot-btn-decfont, #slot-btn-changecase {
margin-left: 2px;
.rtl & {
margin-left: 0;
margin-right: 2px;
}
}
#special-paste-container,

4
apps/presentationeditor/main/app/template/Toolbar.template
View File

@ -52,8 +52,8 @@
<div class="separator long"></div>
<div class="group small">
<div class="elset" style="width:208px;">
<span class="btn-slot" style="float: left; width: 89px;" id="slot-field-fontname"></span>
<span class="btn-slot" style="float: left; width: 40px; margin-left: 2px;" id="slot-field-fontsize"></span>
<span class="btn-slot" id="slot-field-fontname"></span>
<span class="btn-slot" id="slot-field-fontsize"></span>
<span class="btn-slot" id="slot-btn-incfont"></span>
<span class="btn-slot" id="slot-btn-decfont"></span>
<span class="btn-slot split" id="slot-btn-changecase"></span>

8
apps/presentationeditor/main/app/view/DocumentPreview.js
View File

@ -69,17 +69,17 @@ define([
this.template = [
'<div id="presentation-preview" style="width:100%; height:100%"></div>',
'<div id="preview-controls-panel" class="preview-controls" style="position: absolute; bottom: 0;">',
'<div id="preview-controls-panel" class="preview-controls"">',
'<div class="preview-group" style="">',
'<button id="btn-preview-prev" type="button" class="btn small btn-toolbar"><span class="icon toolbar__icon btn-previtem">&nbsp;</span></button>',
!Common.UI.isRTL() ? '<button id="btn-preview-prev" type="button" class="btn small btn-toolbar"><span class="icon toolbar__icon btn-previtem">&nbsp;</span></button>' : '<button id="btn-preview-next" type="button" class="btn small btn-toolbar"><span class="icon toolbar__icon btn-nextitem">&nbsp;</span></button>',
'<button id="btn-preview-play" type="button" class="btn small btn-toolbar"><span class="icon toolbar__icon btn-preview-play">&nbsp;</span></button>',
'<button id="btn-preview-next" type="button" class="btn small btn-toolbar"><span class="icon toolbar__icon btn-nextitem">&nbsp;</span></button>',
!Common.UI.isRTL() ? '<button id="btn-preview-next" type="button" class="btn small btn-toolbar"><span class="icon toolbar__icon btn-nextitem">&nbsp;</span></button>' : '<button id="btn-preview-prev" type="button" class="btn small btn-toolbar"><span class="icon toolbar__icon btn-previtem">&nbsp;</span></button>',
'<div class="separator"></div>',
'</div>',
'<div class="preview-group dropup">',
'<label id="preview-label-slides" class="status-label dropdown-toggle" data-toggle="dropdown">Slide 1 of 1</label>',
'<div id="preview-goto-box" class="dropdown-menu">',
'<label style="float:left;line-height:22px;">' + this.goToSlideText + '</label>',
'<label>' + this.goToSlideText + '</label>',
'<div id="preview-goto-page" style="display:inline-block;"></div>',
'</div>',
'</div>',

30
apps/presentationeditor/main/resources/less/document-preview.less
View File

@ -8,6 +8,8 @@
height: 35px;
z-index: 10;
opacity: 0.2;
position: absolute;
bottom: 0;
&:hover {
opacity: 1 !important;
@ -30,9 +32,21 @@
#btn-preview-prev {
margin-left: 10px;
.rtl & {
margin-left: 0;
}
}
#btn-preview-next {
.rtl & {
margin-right: 10px;
}
}
#btn-preview-close {
margin-right: 10px;
.rtl & {
margin-right: 0;
margin-left: 10px;
}
}
.separator {
@ -47,10 +61,22 @@
margin-left: 80px;
margin-bottom: 2px;
min-width: 130px;
.rtl & {
margin-left: 0;
margin-right: 80px;
}
> label {
display: inline-block;
margin-right: 10px;
display: inline-block;
line-height:22px;
margin-right: 10px;
float: left;
.rtl & {
margin-right: 0;
margin-left: 10px;
float: right;
}
}
> input[type=text] {

25
apps/presentationeditor/main/resources/less/toolbar.less
View File

@ -125,4 +125,29 @@
#slot-btn-incfont, #slot-btn-decfont, #slot-btn-changecase {
margin-left: 2px;
.rtl & {
margin-left: 0;
margin-right: 2px;
}
}
#slot-field-fontname {
width: 89px;
float: left;
.rtl & {
float: right;
}
}
#slot-field-fontsize {
width: 40px;
float: left;
margin-left: 2px;
.rtl & {
float: right;
margin-left: 0;
margin-right: 2px;
}
}

15
apps/spreadsheeteditor/main/resources/less/toolbar.less
View File

@ -22,10 +22,18 @@
.font-attr {
> .btn-slot:not(:last-child):not(.split) {
margin-right: 2px;
.rtl & {
margin-right: 0;
margin-left: 2px;
}
}
> .btn-slot.split:not(:last-child) {
margin-right: 2px;
.rtl & {
margin-right: 0;
margin-left: 2px;
}
}
}
@ -34,9 +42,16 @@
> .btn-slot {
float: left;
.rtl & {
float: right;
}
&:not(:first-child) {
margin-left: 2px;
.rtl & {
margin-left: 0;
margin-right: 2px;
}
}
}