diff --git a/apps/common/forms/resources/less/common.less b/apps/common/forms/resources/less/common.less index 3a5c42b90f..1cb7889533 100644 --- a/apps/common/forms/resources/less/common.less +++ b/apps/common/forms/resources/less/common.less @@ -159,7 +159,7 @@ input { font-size: inherit; padding: 0; - text-align: right; + .text-align-right(); } .text { @@ -169,7 +169,7 @@ &.left { left: 0; - padding-left: 10px; + .padding-left-10(); .item { float: left; @@ -183,7 +183,7 @@ &.right { right: 0; - padding-right: 10px; + .padding-right-10(); .item { display: inline-block; @@ -212,13 +212,16 @@ } .margin-right-small { - margin-right: 8px; + .margin-right-8(); } .margin-right-large { - margin-right: 12px; + .margin-right(12px); } .margin-left-small { margin-left: 8px; + .rtl & { + margin-right: 8px; + } } .margin-left-large { margin-left: 12px; @@ -229,7 +232,7 @@ // ------------------------- .brand-logo { display: block; - width: 100px; + width: 86px; height: 20px; background: data-uri('../../../../common/main/resources/img/header/dark-logo_s.svg') no-repeat; } @@ -278,11 +281,11 @@ display: inline-block; &:first-child { - margin-right: 5px; + .margin-right-5(); } &:last-child { - margin-left: 5px; + .margin-left-5(); } } } @@ -638,6 +641,9 @@ line-height: 22px; padding: 0 0 0 3px; vertical-align: middle; + .rtl & { + padding: 0 3px 0 0; + } } #page-number { @@ -666,11 +672,14 @@ .title { padding: 5px 5px 5px 28px; - float: left; + .float-left(); font-weight: normal; font-size: 11px; margin: 0px; text-overflow: ellipsis; + .rtl & { + padding: 5px 28px 5px 5px; + } } .zoom { @@ -685,6 +694,11 @@ .mi-icon { margin: 0; } + + #id-menu-zoom-out { + .rtl & { + margin: 2px 0 0 5px; } + } } .font-size-small { diff --git a/apps/documenteditor/forms/index.html b/apps/documenteditor/forms/index.html index 8281ea3411..632d295da6 100644 --- a/apps/documenteditor/forms/index.html +++ b/apps/documenteditor/forms/index.html @@ -74,6 +74,10 @@ margin-left: 10px; text-align: center; } + .rtl .loadmask > .brendpanel .loading-logo { + margin-left: 0; + margin-right: 10px; + } .loadmask > .brendpanel .loading-logo > img { display: inline-block;