mirror of
https://github.com/ONLYOFFICE/web-apps.git
synced 2026-07-24 08:39:30 +08:00
Refactoring rtl float styles
This commit is contained in:
Julia Radzhabova
@ -113,7 +113,7 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding-bottom: 12px;">
|
||||
<div id="auto-correct-exceptions-lang" style="display: inline-block; margin-right: 15px;vertical-align: middle;"></div>
|
||||
<div id="auto-correct-exceptions-lang" style="display: inline-block;vertical-align: middle;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
@ -63,10 +63,10 @@ define([
|
||||
this.template = [
|
||||
'<div class="box">',
|
||||
'<div class="input-row">',
|
||||
'<label class="text columns-text" style="width: 130px;">' + this.txtColumns + '</label><div class="float-right"></div>',
|
||||
'<label class="text columns-text" style="width: 130px;">' + this.txtColumns + '</label><div class="columns-val float-right"></div>',
|
||||
'</div>',
|
||||
'<div class="input-row" style="margin-top: 10px;">',
|
||||
'<label class="text rows-text" style="width: 130px;">' + this.txtRows + '</label><div class="float-right"></div>',
|
||||
'<label class="text rows-text" style="width: 130px;">' + this.txtRows + '</label><div class="rows-val float-right"></div>',
|
||||
'</div>',
|
||||
'</div>'
|
||||
].join('');
|
||||
|
||||
@ -322,6 +322,14 @@
|
||||
opacity: @component-disabled-opacity;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.rtl & {
|
||||
padding: 0 6px 0 8px;
|
||||
.caption {
|
||||
margin-left: 8px;
|
||||
margin-right: -26px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn-header-share {
|
||||
@ -463,6 +471,27 @@
|
||||
max-width: 200px;
|
||||
.font-weight-bold();
|
||||
}
|
||||
|
||||
.rtl & {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#tlb-users-menu-descr {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
.rtl & {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.rtl & {
|
||||
&.dropdown-menu {
|
||||
left: unset;
|
||||
right: 100%;
|
||||
margin-left: 0;
|
||||
margin-right: -285px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -26,7 +26,7 @@
|
||||
<div id="shape-combo-fill-type" style="width: 90px;"></div>
|
||||
</td>
|
||||
<td rowspan="2">
|
||||
<div class="texture-img">
|
||||
<div class="texture-img float-right">
|
||||
<div id="shape-texture-img" style="width: 50px;height: 50px;"></div>
|
||||
</div>
|
||||
</td>
|
||||
@ -44,11 +44,11 @@
|
||||
<div id="shape-combo-pattern" style="width: 100%; height: 42px; margin-bottom: 8px;"></div>
|
||||
<div style="width: 100%; height: 25px; margin-bottom: 8px;">
|
||||
<label class="input-label" style="margin-top: 3px;"><%= scope.strForeground %></label>
|
||||
<div id="shape-foreground-color-btn"></div>
|
||||
<div id="shape-foreground-color-btn" class="float-right"></div>
|
||||
</div>
|
||||
<div style="width: 100%; height: 25px;">
|
||||
<label class="input-label" style="margin-top: 3px;"><%= scope.strBackground %></label>
|
||||
<div id="shape-background-color-btn"></div>
|
||||
<div id="shape-background-color-btn" class="float-right"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="shape-panel-gradient-fill" class="settings-hidden padding-small" style="width: 100%;">
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<div class="status-group dropup">
|
||||
<label id="label-pages" class="status-label dropdown-toggle margin-top-large" data-toggle="dropdown" data-hint="0" data-hint-direction="top"><%= textPageNumber %></label>
|
||||
<div id="status-goto-box" class="dropdown-menu">
|
||||
<label><%= textGotoPage %></label>
|
||||
<label class="float-left"><%= textGotoPage %></label>
|
||||
<div id="status-goto-page" style="display:inline-block;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -80,7 +80,7 @@ define([
|
||||
'<% _.each(rows, function(row) { %>',
|
||||
'<% _.each(row, function(item) { %>',
|
||||
'<% if (item.type!==Asc.c_oAscFileType.DOCM || fileType=="docm") { %>',
|
||||
'<div class="format-item"><div class="btn-doc-format" format="<%= item.type %>" data-hint="2" data-hint-direction="left-top" data-hint-offset="4, 4">',
|
||||
'<div class="format-item float-left"><div class="btn-doc-format" format="<%= item.type %>" data-hint="2" data-hint-direction="left-top" data-hint-offset="4, 4">',
|
||||
'<div class ="svg-format-<%= item.imgCls %>"></div>',
|
||||
'</div></div>',
|
||||
'<% } %>',
|
||||
@ -204,7 +204,7 @@ define([
|
||||
'<% _.each(rows, function(row) { %>',
|
||||
'<% _.each(row, function(item) { %>',
|
||||
'<% if (item.type!==Asc.c_oAscFileType.DOCM || fileType=="docm") { %>',
|
||||
'<div class="format-item"><div class="btn-doc-format" format="<%= item.type %>" format-ext="<%= item.ext %>" data-hint="2" data-hint-direction="left-top" data-hint-offset="4, 4">',
|
||||
'<div class="format-item float-left"><div class="btn-doc-format" format="<%= item.type %>" format-ext="<%= item.ext %>" data-hint="2" data-hint-direction="left-top" data-hint-offset="4, 4">',
|
||||
'<div class ="svg-format-<%= item.imgCls %>"></div>',
|
||||
'</div></div>',
|
||||
'<% } %>',
|
||||
|
||||
@ -337,9 +337,9 @@ define([
|
||||
'<% if(!_.isUndefined(options.stopPropagation)) { %>',
|
||||
'data-stopPropagation="true"',
|
||||
'<% } %>', '>',
|
||||
'<label class="title">' + me.textGotoFootnote + '</label>',
|
||||
'<button id="id-menu-goto-footnote-next-' + index + '" type="button" class="btn small btn-toolbar next"><i class="icon menu__icon btn-nextitem"> </i></button>',
|
||||
'<button id="id-menu-goto-footnote-prev-' + index + '" type="button" class="btn small btn-toolbar prev"><i class="icon menu__icon btn-previtem"> </i></button>',
|
||||
'<label class="title float-left">' + me.textGotoFootnote + '</label>',
|
||||
'<button id="id-menu-goto-footnote-next-' + index + '" type="button" class="btn small btn-toolbar next float-right"><i class="icon menu__icon btn-nextitem"> </i></button>',
|
||||
'<button id="id-menu-goto-footnote-prev-' + index + '" type="button" class="btn small btn-toolbar prev float-right"><i class="icon menu__icon btn-previtem"> </i></button>',
|
||||
'</div>'
|
||||
].join('')) :
|
||||
_.template([
|
||||
@ -347,9 +347,9 @@ define([
|
||||
'<% if(!_.isUndefined(options.stopPropagation)) { %>',
|
||||
'data-stopPropagation="true"',
|
||||
'<% } %>', '>',
|
||||
'<label class="title">' + me.textGotoFootnote + '</label>',
|
||||
'<button id="id-menu-goto-footnote-prev-' + index + '" type="button" class="btn small btn-toolbar prev"><i class="icon menu__icon btn-previtem"> </i></button>',
|
||||
'<button id="id-menu-goto-footnote-next-' + index + '" type="button" class="btn small btn-toolbar next"><i class="icon menu__icon btn-nextitem"> </i></button>',
|
||||
'<label class="title float-left">' + me.textGotoFootnote + '</label>',
|
||||
'<button id="id-menu-goto-footnote-prev-' + index + '" type="button" class="btn small btn-toolbar prev float-right"><i class="icon menu__icon btn-previtem"> </i></button>',
|
||||
'<button id="id-menu-goto-footnote-next-' + index + '" type="button" class="btn small btn-toolbar next float-right"><i class="icon menu__icon btn-nextitem"> </i></button>',
|
||||
'</div>'
|
||||
].join('')),
|
||||
stopPropagation: true
|
||||
@ -360,9 +360,9 @@ define([
|
||||
'<% if(!_.isUndefined(options.stopPropagation)) { %>',
|
||||
'data-stopPropagation="true"',
|
||||
'<% } %>', '>',
|
||||
'<label class="title">' + me.textGotoEndnote + '</label>',
|
||||
'<button id="id-menu-goto-endnote-next-' + index + '" type="button" class="btn small btn-toolbar next"><i class="icon menu__icon btn-nextitem"> </i></button>',
|
||||
'<button id="id-menu-goto-endnote-prev-' + index + '" type="button" class="btn small btn-toolbar prev"><i class="icon menu__icon btn-previtem"> </i></button>',
|
||||
'<label class="title float-left">' + me.textGotoEndnote + '</label>',
|
||||
'<button id="id-menu-goto-endnote-next-' + index + '" type="button" class="btn small btn-toolbar next float-right"><i class="icon menu__icon btn-nextitem"> </i></button>',
|
||||
'<button id="id-menu-goto-endnote-prev-' + index + '" type="button" class="btn small btn-toolbar prev float-right"><i class="icon menu__icon btn-previtem"> </i></button>',
|
||||
'</div>'
|
||||
].join('')) :
|
||||
_.template([
|
||||
@ -370,9 +370,9 @@ define([
|
||||
'<% if(!_.isUndefined(options.stopPropagation)) { %>',
|
||||
'data-stopPropagation="true"',
|
||||
'<% } %>', '>',
|
||||
'<label class="title">' + me.textGotoEndnote + '</label>',
|
||||
'<button id="id-menu-goto-endnote-prev-' + index + '" type="button" class="btn small btn-toolbar prev"><i class="icon menu__icon btn-previtem"> </i></button>',
|
||||
'<button id="id-menu-goto-endnote-next-' + index + '" type="button" class="btn small btn-toolbar next"><i class="icon menu__icon btn-nextitem"> </i></button>',
|
||||
'<label class="title float-left">' + me.textGotoEndnote + '</label>',
|
||||
'<button id="id-menu-goto-endnote-prev-' + index + '" type="button" class="btn small btn-toolbar prev float-right"><i class="icon menu__icon btn-previtem"> </i></button>',
|
||||
'<button id="id-menu-goto-endnote-next-' + index + '" type="button" class="btn small btn-toolbar next float-right"><i class="icon menu__icon btn-nextitem"> </i></button>',
|
||||
'</div>'
|
||||
].join('')),
|
||||
stopPropagation: true
|
||||
|
||||
@ -23,6 +23,19 @@
|
||||
background-position: @menu-check-offset-x @menu-check-offset-y;
|
||||
}
|
||||
}
|
||||
|
||||
.rtl & {
|
||||
padding-right:16px;
|
||||
padding-left: 5px;
|
||||
|
||||
&.checked {
|
||||
&:before {
|
||||
float: right;
|
||||
margin-left: 0;
|
||||
margin-right: -18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
padding-right: 6px;
|
||||
@ -31,6 +44,11 @@
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: pre;
|
||||
|
||||
.rtl & {
|
||||
padding-right: 0;
|
||||
padding-left: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -124,11 +124,9 @@
|
||||
|
||||
.format-items {
|
||||
.format-item {
|
||||
float: left;
|
||||
margin: 0 24px 34px 0;
|
||||
|
||||
.rtl & {
|
||||
float: right;
|
||||
margin: 0 0 34px 24px;
|
||||
}
|
||||
|
||||
|
||||
@ -186,20 +186,10 @@
|
||||
border: 1px solid #AFAFAF;
|
||||
border-radius: 2px;
|
||||
background: #ffffff;
|
||||
float:right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
#shape-foreground-color-btn, #shape-background-color-btn {
|
||||
display: inline-block;
|
||||
float:right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -142,12 +142,10 @@
|
||||
> label {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
float:left;
|
||||
line-height:22px;
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -109,38 +109,25 @@
|
||||
line-height: @line-height-base;
|
||||
.title {
|
||||
padding: 5px 5px 5px 20px;
|
||||
float: left;
|
||||
//max-width: 95px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
.rtl & {
|
||||
float: right;
|
||||
padding: 5px 20px 5px 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.zoom {
|
||||
padding: 5px 3px;
|
||||
float: right;
|
||||
min-width: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn.next {
|
||||
float: right;
|
||||
margin: 2px 5px 0 0;
|
||||
.rtl & {
|
||||
float: left;
|
||||
margin: 2px 0 0 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.btn.prev {
|
||||
float: right;
|
||||
margin-top: 2px;
|
||||
.rtl & {
|
||||
float: left;
|
||||
margin: 2px 0 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -26,7 +26,7 @@
|
||||
<div id="shape-combo-fill-type" style="width: 90px;"></div>
|
||||
</td>
|
||||
<td rowspan="2">
|
||||
<div class="texture-img" style="width: 90px; height: 80px;">
|
||||
<div class="texture-img float-right" style="width: 90px; height: 80px;">
|
||||
<div id="shape-texture-img" style="width: 50px;height: 50px;"></div>
|
||||
</div>
|
||||
</td>
|
||||
@ -44,11 +44,11 @@
|
||||
<div id="shape-combo-pattern" style="width: 100%; height: 42px; margin-bottom: 8px;"></div>
|
||||
<div style="width: 100%; height: 25px; margin-bottom: 8px;">
|
||||
<label class="input-label" style="margin-top: 3px;"><%= scope.strForeground %></label>
|
||||
<div id="shape-foreground-color-btn"></div>
|
||||
<div id="shape-foreground-color-btn" class="float-right"></div>
|
||||
</div>
|
||||
<div style="width: 100%; height: 25px;">
|
||||
<label class="input-label" style="margin-top: 3px;"><%= scope.strBackground %></label>
|
||||
<div id="shape-background-color-btn"></div>
|
||||
<div id="shape-background-color-btn" class="float-right"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="shape-panel-gradient-fill" class="settings-hidden padding-small" style="width: 100%;">
|
||||
@ -61,7 +61,7 @@
|
||||
</div>
|
||||
</td>
|
||||
<td rowspan="2" style="width: 100%;">
|
||||
<div class="grad-direction">
|
||||
<div class="float-right">
|
||||
<label class="input-label"><%= scope.textDirection %></label>
|
||||
<div id="shape-button-direction"></div>
|
||||
</div>
|
||||
@ -108,7 +108,7 @@
|
||||
<div id="shape-slider-transparency" style="display: inline-block;margin: 0 4px; vertical-align: middle;"></div>
|
||||
<label id="shape-lbl-transparency-end">100</label>
|
||||
</div>
|
||||
<div id="shape-spin-transparency"></div>
|
||||
<div id="shape-spin-transparency" class="float-right"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@ -151,7 +151,7 @@
|
||||
<div id="shape-line-slider-transparency" style="display: inline-block;margin: 0 4px; vertical-align: middle;"></div>
|
||||
<label id="shape-line-lbl-transparency-end">100</label>
|
||||
</div>
|
||||
<div id="shape-line-spin-transparency"></div>
|
||||
<div id="shape-line-spin-transparency" class="float-right"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@ -26,7 +26,7 @@
|
||||
<div id="slide-combo-fill-type" style="width: 90px;"></div>
|
||||
</td>
|
||||
<td rowspan="2">
|
||||
<div id="slide-texture-img-box" style="width: 90px; height: 80px;">
|
||||
<div id="slide-texture-img-box" class="float-right" style="width: 90px; height: 80px;">
|
||||
<div id="slide-texture-img" style="width: 50px;height: 50px;"></div>
|
||||
</div>
|
||||
</td>
|
||||
@ -44,11 +44,11 @@
|
||||
<div id="slide-combo-pattern" style="width: 100%; height: 42px; margin-bottom: 8px;"></div>
|
||||
<div style="width: 100%; height: 25px; margin-bottom: 8px;">
|
||||
<label class="input-label" style="margin-top: 3px;"><%= scope.strForeground %></label>
|
||||
<div id="slide-foreground-color-btn"></div>
|
||||
<div id="slide-foreground-color-btn" class="float-right"></div>
|
||||
</div>
|
||||
<div style="width: 100%; height: 25px;">
|
||||
<label class="input-label" style="margin-top: 3px;"><%= scope.strBackground %></label>
|
||||
<div id="slide-background-color-btn"></div>
|
||||
<div id="slide-background-color-btn" class="float-right"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="slide-panel-gradient-fill" class="settings-hidden padding-small" style="width: 100%;">
|
||||
@ -61,7 +61,7 @@
|
||||
</div>
|
||||
</td>
|
||||
<td rowspan="2" style="width: 100%;">
|
||||
<div class="slide-direction">
|
||||
<div class="float-right">
|
||||
<label class="input-label"><%= scope.textDirection %></label>
|
||||
<div id="slide-button-direction"></div>
|
||||
</div>
|
||||
@ -108,7 +108,7 @@
|
||||
<div id="slide-slider-transparency" style="display: inline-block;margin: 0 4px; vertical-align: middle;"></div>
|
||||
<label id="slide-lbl-transparency-end">100</label>
|
||||
</div>
|
||||
<div id="slide-spin-transparency"></div>
|
||||
<div id="slide-spin-transparency" class="float-right"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@ -6,11 +6,11 @@
|
||||
<div class="status-group dropup">
|
||||
<label id="status-label-pages" class="status-label dropdown-toggle margin-top-large" style="display: none;" data-toggle="dropdown" data-hint="0" data-hint-direction="top" data-hint-offset="-3, 0"><%= Common.Utils.String.format(scope.pageIndexText, 1, 1) %></label>
|
||||
<div id="status-goto-box" class="dropdown-menu">
|
||||
<label><%= scope.goToPageText %></label>
|
||||
<label class="float-left"><%= scope.goToPageText %></label>
|
||||
<div id="status-goto-page" style="display:inline-block;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="status-users-ct" class="status-group dropup" style="display:none;">
|
||||
<div id="status-users-ct" class="status-group dropup float-right" style="display:none;">
|
||||
<div class="separator short"></div>
|
||||
<div id="status-users-block" style="display:inline-block; cursor:pointer;">
|
||||
<span id="status-users-icon" class="img-commonctrl" style="margin-bottom: 2px;"></span>
|
||||
|
||||
@ -54,7 +54,7 @@
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<div id="table-combo-border-size" style="display: inline-block; vertical-align: middle; width: 93px;"></div>
|
||||
<div class="border-color color-btn-wrap">
|
||||
<div class="border-color color-btn-wrap float-right">
|
||||
<label class="input-label color-label"><%= scope.textBorderColor %></label>
|
||||
<div id="table-border-color-btn" style="display: inline-block;"></div>
|
||||
</div>
|
||||
|
||||
@ -36,7 +36,7 @@
|
||||
<button type="button" class="btn btn-text-default" id="textart-button-from-file" style="width:90px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textFromFile %></button>
|
||||
</td>
|
||||
<td class="padding-small" width="50%">
|
||||
<button type="button" class="btn btn-text-default" id="textart-button-from-url" style="width:90px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textFromUrl %></button>
|
||||
<button type="button" class="btn btn-text-default float-right" id="textart-button-from-url" style="width:90px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textFromUrl %></button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
@ -44,7 +44,7 @@
|
||||
<div id="textart-combo-fill-type" style="width: 90px;"></div>
|
||||
</td>
|
||||
<td rowspan="2">
|
||||
<div class="texture-img" style="width: 90px; height: 80px;">
|
||||
<div class="texture-img float-right" style="width: 90px; height: 80px;">
|
||||
<div id="textart-texture-img" style="width: 50px;height: 50px;"></div>
|
||||
</div>
|
||||
</td>
|
||||
@ -62,11 +62,11 @@
|
||||
<div id="textart-combo-pattern" style="width: 100%; height: 42px; margin-bottom: 8px;"></div>
|
||||
<div style="width: 100%; height: 25px; margin-bottom: 8px;">
|
||||
<label class="input-label" style="margin-top: 3px;"><%= scope.strForeground %></label>
|
||||
<div id="textart-foreground-color-btn"></div>
|
||||
<div id="textart-foreground-color-btn" class="float-right"></div>
|
||||
</div>
|
||||
<div style="width: 100%; height: 25px;">
|
||||
<label class="input-label" style="margin-top: 3px;"><%= scope.strBackground %></label>
|
||||
<div id="textart-background-color-btn"></div>
|
||||
<div id="textart-background-color-btn" class="float-right"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="textart-panel-gradient-fill" class="settings-hidden padding-small" style="width: 100%;">
|
||||
@ -79,7 +79,7 @@
|
||||
</div>
|
||||
</td>
|
||||
<td rowspan="2" style="width: 100%;">
|
||||
<div class="grad-direction">
|
||||
<div class="float-right">
|
||||
<label class="input-label"><%= scope.textDirection %></label>
|
||||
<div id="textart-button-direction"></div>
|
||||
</div>
|
||||
@ -126,7 +126,7 @@
|
||||
<div id="textart-slider-transparency" style="display: inline-block;margin: 0 4px; vertical-align: middle;"></div>
|
||||
<label id="textart-lbl-transparency-end">100</label>
|
||||
</div>
|
||||
<div id="textart-spin-transparency"></div>
|
||||
<div id="textart-spin-transparency" class="float-right"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@ -169,7 +169,7 @@
|
||||
<div id="textart-line-slider-transparency" style="display: inline-block;margin: 0 4px; vertical-align: middle;"></div>
|
||||
<label id="textart-line-lbl-transparency-end">100</label>
|
||||
</div>
|
||||
<div id="textart-line-spin-transparency"></div>
|
||||
<div id="textart-line-spin-transparency" class="float-right"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@ -52,8 +52,8 @@
|
||||
<div class="separator long"></div>
|
||||
<div class="group small">
|
||||
<div class="elset" style="width:208px;">
|
||||
<span class="btn-slot" id="slot-field-fontname"></span>
|
||||
<span class="btn-slot" id="slot-field-fontsize"></span>
|
||||
<span class="btn-slot float-left" id="slot-field-fontname"></span>
|
||||
<span class="btn-slot float-left" 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>
|
||||
|
||||
@ -79,7 +79,7 @@ define([
|
||||
'<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>' + this.goToSlideText + '</label>',
|
||||
'<label class="float-left">' + this.goToSlideText + '</label>',
|
||||
'<div id="preview-goto-page" style="display:inline-block;"></div>',
|
||||
'</div>',
|
||||
'</div>',
|
||||
|
||||
@ -75,7 +75,7 @@ define([
|
||||
'<% _.each(rows, function(row) { %>',
|
||||
'<% _.each(row, function(item) { %>',
|
||||
'<% if (item.type!==Asc.c_oAscFileType.PPTM || fileType=="pptm") { %>',
|
||||
'<div class="format-item"><div class="btn-doc-format" format="<%= item.type %>" data-hint="2" data-hint-direction="left-top" data-hint-offset="4, 4">',
|
||||
'<div class="format-item float-left"><div class="btn-doc-format" format="<%= item.type %>" data-hint="2" data-hint-direction="left-top" data-hint-offset="4, 4">',
|
||||
'<div class ="svg-format-<%= item.imgCls %>"></div>',
|
||||
'</div></div>',
|
||||
'<% } %>',
|
||||
@ -174,7 +174,7 @@ define([
|
||||
'<% _.each(rows, function(row) { %>',
|
||||
'<% _.each(row, function(item) { %>',
|
||||
'<% if (item.type!==Asc.c_oAscFileType.PPTM || fileType=="pptm") { %>',
|
||||
'<div class="format-item"><div class="btn-doc-format" format="<%= item.type %>" format-ext="<%= item.ext %>" data-hint="2" data-hint-direction="left-top" data-hint-offset="4, 4">',
|
||||
'<div class="format-item float-left"><div class="btn-doc-format" format="<%= item.type %>" format-ext="<%= item.ext %>" data-hint="2" data-hint-direction="left-top" data-hint-offset="4, 4">',
|
||||
'<div class ="svg-format-<%= item.imgCls %>"></div>',
|
||||
'</div></div>',
|
||||
'<% } %>',
|
||||
|
||||
@ -70,12 +70,10 @@
|
||||
display: inline-block;
|
||||
line-height:22px;
|
||||
margin-right: 10px;
|
||||
float: left;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -224,11 +224,9 @@
|
||||
|
||||
.format-items {
|
||||
.format-item {
|
||||
float: left;
|
||||
margin: 0 24px 34px 0;
|
||||
|
||||
.rtl & {
|
||||
float: right;
|
||||
margin: 0 0 34px 24px;
|
||||
}
|
||||
|
||||
|
||||
@ -23,19 +23,6 @@
|
||||
&#id-slide-settings {
|
||||
#slide-spin-transparency {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.slide-direction {
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.angle-label {
|
||||
@ -69,32 +56,17 @@
|
||||
background: @background-normal;
|
||||
border: @scaled-one-px-value solid @border-regular-control;
|
||||
border-radius: 2px;
|
||||
float: right;
|
||||
padding: 14px 20px;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
#slide-foreground-color-btn, #slide-background-color-btn {
|
||||
display: inline-block;
|
||||
float:right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&#id-shape-settings {
|
||||
#shape-spin-transparency, #shape-line-spin-transparency {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
#shape-button-270, #shape-button-fliph {
|
||||
@ -111,27 +83,10 @@
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#shape-btn-change {
|
||||
display: inline-block;
|
||||
float:right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.grad-direction {
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#id-shape-menu-direction {
|
||||
.dataview .item {
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
#id-shape-menu-direction {
|
||||
.dataview .item {
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -160,20 +115,10 @@
|
||||
border: 1px solid #AFAFAF;
|
||||
border-radius: 2px;
|
||||
background: #ffffff;
|
||||
float:right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
#shape-foreground-color-btn, #shape-background-color-btn {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -212,12 +157,7 @@
|
||||
}
|
||||
|
||||
.border-color {
|
||||
float: right;
|
||||
vertical-align: middle;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.color-label {
|
||||
@ -242,25 +182,12 @@
|
||||
&#id-textart-settings {
|
||||
#textart-spin-transparency, #textart-line-spin-transparency {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.grad-direction {
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#id-textart-menu-direction {
|
||||
.dataview .item {
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
#id-textart-menu-direction {
|
||||
.dataview .item {
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -284,33 +211,15 @@
|
||||
}
|
||||
}
|
||||
|
||||
#textart-button-from-url {
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.texture-img {
|
||||
padding: 14px 20px;
|
||||
border: 1px solid #AFAFAF;
|
||||
border-radius: 2px;
|
||||
background: #ffffff;
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
#textart-foreground-color-btn, #textart-background-color-btn {
|
||||
display: inline-block;
|
||||
float:right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -135,12 +135,10 @@
|
||||
> label {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
float: left;
|
||||
line-height: 22px;
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -58,25 +58,6 @@
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
// menu zoom
|
||||
.menu-zoom {
|
||||
line-height: @line-height-base;
|
||||
.title {
|
||||
padding: 5px 5px 5px 20px;
|
||||
float: left;
|
||||
max-width: 95px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.zoom {
|
||||
padding: 5px 3px;
|
||||
float: right;
|
||||
min-width: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.username-tip {
|
||||
background-color: #ee3525;
|
||||
border: none;
|
||||
@ -144,20 +125,13 @@
|
||||
|
||||
#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;
|
||||
}
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
<div class="ce-group-name">
|
||||
<div class="ce-group-name float-left">
|
||||
<input id="ce-cell-name" class="aslabel form-control" type="text">
|
||||
<div id="ce-cell-name-menu"></div>
|
||||
<button id="ce-func-label" type="button" class="btn small btn-toolbar"><i class="icon toolbar__icon btn-function"></i></button>
|
||||
</div>
|
||||
<div class="ce-group-expand">
|
||||
<div class="ce-group-expand float-right">
|
||||
<button id="ce-btn-expand" type="button" class="btn"><span class="caret"> </span></button>
|
||||
</div>
|
||||
<div class="ce-group-content">
|
||||
|
||||
@ -19,11 +19,11 @@
|
||||
<div id="cell-combo-pattern" style="width: 100%; height: 42px; margin-bottom: 8px;"></div>
|
||||
<div style="width: 100%; height: 25px; margin-bottom: 8px;">
|
||||
<label class="input-label" style="margin-top: 3px;"><%= scope.textForeground %></label>
|
||||
<div id="cell-foreground-color-btn"></div>
|
||||
<div id="cell-foreground-color-btn" class="float-right"></div>
|
||||
</div>
|
||||
<div style="width: 100%; height: 25px;">
|
||||
<label class="input-label" style="margin-top: 3px;"><%= scope.textBackground %></label>
|
||||
<div id="cell-background-color-btn"></div>
|
||||
<div id="cell-background-color-btn" class="float-right"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="cell-panel-gradient-fill" class="settings-hidden padding-small" style="width: 100%;">
|
||||
@ -32,7 +32,7 @@
|
||||
<label class="input-label" ><%= scope.textAngle %></label>
|
||||
<div id="cell-spin-gradient-angle" style="width: 90px;"></div>
|
||||
</div>
|
||||
<div class="cell-direction">
|
||||
<div class="cell-direction float-right">
|
||||
<label class="input-label"><%= scope.textDirection %></label>
|
||||
<div id="cell-button-direction"></div>
|
||||
</div>
|
||||
@ -73,7 +73,7 @@
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<div id="cell-combo-border-type"></div>
|
||||
<div class="border-color color-btn-wrap">
|
||||
<div class="border-color color-btn-wrap float-right">
|
||||
<label class="input-label"><%= scope.textBorderColor %></label>
|
||||
<div id="cell-border-color-btn"></div>
|
||||
</div>
|
||||
|
||||
@ -125,7 +125,7 @@
|
||||
<div id="chart-dlg-check-v-logscale-0"></div>
|
||||
</td>
|
||||
<td class="padding-large">
|
||||
<div class="base">
|
||||
<div class="base float-right">
|
||||
<label class="input-label"><%= scope.textBase %></label>
|
||||
<div id="chart-dlg-input-base-0" style="display: inline-block;"></div>
|
||||
</div>
|
||||
@ -246,7 +246,7 @@
|
||||
<div id="chart-dlg-check-v-logscale-1"></div>
|
||||
</td>
|
||||
<td class="padding-large">
|
||||
<div class="base">
|
||||
<div class="base float-right">
|
||||
<label class="input-label"><%= scope.textBase %></label>
|
||||
<div id="chart-dlg-input-base-1" style="display: inline-block;"></div>
|
||||
</div>
|
||||
@ -397,7 +397,7 @@
|
||||
<td width="100%" colspan="2">
|
||||
<div id="chart-dlg-combo-label-int-0" class="input-group-nr" style="display: inline-block;width: 100px;vertical-align: middle;"></div>
|
||||
<div id="chart-dlg-input-label-int-0" style="display: inline-block;width: 60px;vertical-align: middle;"></div>
|
||||
<button type="button" class="btn btn-text-default auto" id="chart-dlg-btn-h-format-0" style="min-width:100px; vertical-align: middle;"><%= scope.textFormat %></button>
|
||||
<button type="button" class="btn btn-text-default auto float-right" id="chart-dlg-btn-h-format-0" style="min-width:100px; vertical-align: middle;"><%= scope.textFormat %></button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@ -506,7 +506,7 @@
|
||||
<td width="100%" colspan="2">
|
||||
<div id="chart-dlg-combo-label-int-1" class="input-group-nr" style="display: inline-block;width: 100px;vertical-align: middle;"></div>
|
||||
<div id="chart-dlg-input-label-int-1" style="display: inline-block;margin-left: 3px;width: 60px;vertical-align: middle;"></div>
|
||||
<button type="button" class="btn btn-text-default auto" id="chart-dlg-btn-h-format-1" style="min-width:100px;vertical-align: middle;"><%= scope.textFormat %></button>
|
||||
<button type="button" class="btn btn-text-default auto float-right" id="chart-dlg-btn-h-format-1" style="min-width:100px;vertical-align: middle;"><%= scope.textFormat %></button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
@ -105,11 +105,11 @@
|
||||
<div id="format-rules-edit-combo-fill" class="input-group-nr"></div>
|
||||
<div class="color-pos-fill">
|
||||
<label><%= scope.textPositive %></label>
|
||||
<div id="format-rules-edit-color-pos-fill"></div>
|
||||
<div id="format-rules-edit-color-pos-fill" class="float-right"></div>
|
||||
</div>
|
||||
<div class="color-neg-fill">
|
||||
<label style="margin-top: 4px;"><%= scope.textNegative %></label>
|
||||
<div id="format-rules-edit-color-neg-fill"></div>
|
||||
<div id="format-rules-edit-color-neg-fill" class="float-right"></div>
|
||||
</div>
|
||||
<div id="format-rules-edit-chk-fill"></div>
|
||||
</div><!--
|
||||
@ -118,11 +118,11 @@
|
||||
<div id="format-rules-edit-combo-border" class="input-group-nr"></div>
|
||||
<div class="color-pos-border">
|
||||
<label><%= scope.textPositive %></label>
|
||||
<div id="format-rules-edit-color-pos-border"></div>
|
||||
<div id="format-rules-edit-color-pos-border" class="float-right"></div>
|
||||
</div>
|
||||
<div class="color-neg-border">
|
||||
<label><%= scope.textNegative %></label>
|
||||
<div id="format-rules-edit-color-neg-border"></div>
|
||||
<div id="format-rules-edit-color-neg-border" class="float-right"></div>
|
||||
</div>
|
||||
<div id="format-rules-edit-chk-border"></div>
|
||||
</div><!--
|
||||
@ -135,7 +135,7 @@
|
||||
</tr>
|
||||
<tr class="databar">
|
||||
<td class="padding-small">
|
||||
<div class="axis">
|
||||
<div class="axis float-left">
|
||||
<label class="header"><%= scope.textAxis %></label>
|
||||
<label class="position-label"><%= scope.textPosition %></label>
|
||||
<div id="format-rules-edit-combo-axis-pos" class="input-group-nr"></div>
|
||||
@ -158,7 +158,7 @@
|
||||
<div>
|
||||
<div id="format-rules-icon-style" class="input-group-nr"></div>
|
||||
<div id="format-rules-edit-chk-icon-show"></div>
|
||||
<button type="button" class="btn btn-text-default auto" id="format-rules-edit-btn-icon-reverse"><%= scope.textReverse %></button>
|
||||
<button type="button" class="btn btn-text-default auto float-right" id="format-rules-edit-btn-icon-reverse"><%= scope.textReverse %></button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@ -42,7 +42,7 @@
|
||||
<label id="pivot-adv-label-wrap" class="input-label"></label>
|
||||
</td>
|
||||
<td class="padding-large">
|
||||
<div id="pivot-adv-spin-wrap" style="width: 85px;"></div>
|
||||
<div id="pivot-adv-spin-wrap" class="float-right" style="width: 85px;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
@ -26,7 +26,7 @@
|
||||
<div id="shape-combo-fill-type" style="width: 90px;"></div>
|
||||
</td>
|
||||
<td rowspan="2">
|
||||
<div class="texture-img">
|
||||
<div class="texture-img float-right">
|
||||
<div id="shape-texture-img" style="width: 50px;height: 50px;"></div>
|
||||
</div>
|
||||
</td>
|
||||
@ -44,11 +44,11 @@
|
||||
<div id="shape-combo-pattern" style="width: 100%; height: 42px; margin-bottom: 8px;"></div>
|
||||
<div style="width: 100%; height: 25px; margin-bottom: 8px;">
|
||||
<label class="input-label" style="margin-top: 3px;"><%= scope.strForeground %></label>
|
||||
<div id="shape-foreground-color-btn"></div>
|
||||
<div id="shape-foreground-color-btn" class="float-right"></div>
|
||||
</div>
|
||||
<div style="width: 100%; height: 25px;">
|
||||
<label class="input-label" style="margin-top: 3px;"><%= scope.strBackground %></label>
|
||||
<div id="shape-background-color-btn"></div>
|
||||
<div id="shape-background-color-btn" class="float-right"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="shape-panel-gradient-fill" class="settings-hidden padding-small" style="width: 100%;">
|
||||
@ -108,7 +108,7 @@
|
||||
<div id="shape-slider-transparency" style="display: inline-block;margin: 0 4px; vertical-align: middle;"></div>
|
||||
<label id="shape-lbl-transparency-end">100</label>
|
||||
</div>
|
||||
<div id="shape-spin-transparency"></div>
|
||||
<div id="shape-spin-transparency" class="float-right"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@ -151,7 +151,7 @@
|
||||
<div id="shape-line-slider-transparency" style="display: inline-block;margin: 0 4px; vertical-align: middle;"></div>
|
||||
<label id="shape-line-lbl-transparency-end">100</label>
|
||||
</div>
|
||||
<div id="shape-line-spin-transparency"></div>
|
||||
<div id="shape-line-spin-transparency" class="float-right"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
|
||||
<div class="statusbar">
|
||||
<div id="status-tabs-scroll" class="status-group" dir="ltr">
|
||||
<div id="status-tabs-scroll" class="status-group float-left" dir="ltr">
|
||||
<button id="status-btn-tabback" type="button" class="btn small btn-toolbar" data-hint="0" data-hint-direction="top" data-hint-offset="small" data-hint-title="G"><i class="icon toolbar__icon btn-previtem"> </i></button>
|
||||
<button id="status-btn-tabnext" type="button" class="btn small btn-toolbar" data-hint="0" data-hint-direction="top" data-hint-offset="small" data-hint-title="J"><i class="icon toolbar__icon btn-nextitem"> </i></button>
|
||||
</div>
|
||||
<div id="status-addtabs-box" class="status-group">
|
||||
<div id="status-addtabs-box" class="status-group float-left">
|
||||
<button id="status-btn-addtab" type="button" class="btn small btn-toolbar" data-hint="0" data-hint-direction="top" data-hint-offset="small" data-hint-title="X"><i class="icon toolbar__icon btn-zoomup"> </i></button>
|
||||
<div class="cnt-tabslist">
|
||||
<button id="status-btn-tabslist" type="button" class="btn small btn-toolbar dropdown-toggle" data-toggle="dropdown" data-hint="0" data-hint-direction="top" data-hint-offset="small" data-hint-title="N"><i class="icon toolbar__icon btn-sheet-list"> </i></button>
|
||||
|
||||
@ -36,7 +36,7 @@
|
||||
<button type="button" class="btn btn-text-default" id="textart-button-from-file" style="width:90px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textFromFile %></button>
|
||||
</td>
|
||||
<td class="padding-small" width="50%">
|
||||
<button type="button" class="btn btn-text-default" id="textart-button-from-url" style="width:90px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textFromUrl %></button>
|
||||
<button type="button" class="btn btn-text-default float-right" id="textart-button-from-url" style="width:90px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textFromUrl %></button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
@ -44,7 +44,7 @@
|
||||
<div id="textart-combo-fill-type" style="width: 90px;"></div>
|
||||
</td>
|
||||
<td rowspan="2">
|
||||
<div class="texture-img" style="width: 90px; height: 80px;">
|
||||
<div class="texture-img float-right" style="width: 90px; height: 80px;">
|
||||
<div id="textart-texture-img" style="width: 50px;height: 50px;"></div>
|
||||
</div>
|
||||
</td>
|
||||
@ -62,11 +62,11 @@
|
||||
<div id="textart-combo-pattern" style="width: 100%; height: 42px; margin-bottom: 8px;"></div>
|
||||
<div style="width: 100%; height: 25px; margin-bottom: 8px;">
|
||||
<label class="input-label" style="margin-top: 3px;"><%= scope.strForeground %></label>
|
||||
<div id="textart-foreground-color-btn"></div>
|
||||
<div id="textart-foreground-color-btn" class="float-right"></div>
|
||||
</div>
|
||||
<div style="width: 100%; height: 25px;">
|
||||
<label class="input-label" style="margin-top: 3px;"><%= scope.strBackground %></label>
|
||||
<div id="textart-background-color-btn"></div>
|
||||
<div id="textart-background-color-btn" class="float-right"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="textart-panel-gradient-fill" class="settings-hidden padding-small" style="width: 100%;">
|
||||
@ -79,7 +79,7 @@
|
||||
</div>
|
||||
</td>
|
||||
<td rowspan="2" style="width: 100%;">
|
||||
<div class="textar-direction">
|
||||
<div class="float-right">
|
||||
<label class="input-label"><%= scope.textDirection %></label>
|
||||
<div id="textart-button-direction"></div>
|
||||
</div>
|
||||
@ -126,7 +126,7 @@
|
||||
<div id="textart-slider-transparency" style="display: inline-block;margin: 0 4px; vertical-align: middle;"></div>
|
||||
<label id="textart-lbl-transparency-end">100</label>
|
||||
</div>
|
||||
<div id="textart-spin-transparency"></div>
|
||||
<div id="textart-spin-transparency" class="float-right"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@ -169,7 +169,7 @@
|
||||
<div id="textart-line-slider-transparency" style="display: inline-block;margin: 0 4px; vertical-align: middle;"></div>
|
||||
<label id="textart-line-lbl-transparency-end">100</label>
|
||||
</div>
|
||||
<div id="textart-line-spin-transparency"></div>
|
||||
<div id="textart-line-spin-transparency" class="float-right"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@ -39,11 +39,11 @@
|
||||
<section class="panel" data-tab="home">
|
||||
<div class="group small">
|
||||
<div class="elset font-attr-top">
|
||||
<span class="btn-slot" id="slot-field-fontname" style="width: 94px;"></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>
|
||||
<span class="btn-slot float-left" id="slot-field-fontname" style="width: 94px;"></span>
|
||||
<span class="btn-slot float-left" id="slot-field-fontsize"></span>
|
||||
<span class="btn-slot float-left" id="slot-btn-incfont"></span>
|
||||
<span class="btn-slot float-left" id="slot-btn-decfont"></span>
|
||||
<span class="btn-slot float-left split" id="slot-btn-changecase"></span>
|
||||
</div>
|
||||
<div class="elset font-attr">
|
||||
<span class="btn-slot" id="slot-btn-bold"></span>
|
||||
|
||||
@ -84,7 +84,7 @@ define([
|
||||
'<button type="button" class="btn btn-text-default auto" id="chart-dlg-btn-add">', me.textAdd, '</button>',
|
||||
'<button type="button" class="btn btn-text-default auto" id="chart-dlg-btn-edit">', me.textEdit, '</button>',
|
||||
'<button type="button" class="btn btn-text-default auto" id="chart-dlg-btn-delete">', me.textDelete, '</button>',
|
||||
'<div class="up-down-btns">',
|
||||
'<div class="up-down-btns float-right">',
|
||||
'<div id="chart-dlg-btn-up"></div>',
|
||||
'<div id="chart-dlg-btn-down"></div>',
|
||||
'</div>',
|
||||
|
||||
@ -64,7 +64,7 @@ define([
|
||||
'<% _.each(rows, function(row) { %>',
|
||||
'<% _.each(row, function(item) { %>',
|
||||
'<% if (item.type!==Asc.c_oAscFileType.XLSM || fileType=="xlsm") { %>',
|
||||
'<div class="format-item"><div class="btn-doc-format" format="<%= item.type %>" data-hint="2" data-hint-direction="left-top" data-hint-offset="4, 4">',
|
||||
'<div class="format-item float-left"><div class="btn-doc-format" format="<%= item.type %>" data-hint="2" data-hint-direction="left-top" data-hint-offset="4, 4">',
|
||||
'<div class ="svg-format-<%= item.imgCls %>"></div>',
|
||||
'</div></div>',
|
||||
'<% } %>',
|
||||
@ -163,7 +163,7 @@ define([
|
||||
'<% _.each(rows, function(row) { %>',
|
||||
'<% _.each(row, function(item) { %>',
|
||||
'<% if (item.type!==Asc.c_oAscFileType.XLSM || fileType=="xlsm") { %>',
|
||||
'<div class="format-item"><div class="btn-doc-format" format="<%= item.type %>" format-ext="<%= item.ext %>" data-hint="2" data-hint-direction="left-top" data-hint-offset="4, 4">',
|
||||
'<div class="format-item float-left"><div class="btn-doc-format" format="<%= item.type %>" format-ext="<%= item.ext %>" data-hint="2" data-hint-direction="left-top" data-hint-offset="4, 4">',
|
||||
'<div class ="svg-format-<%= item.imgCls %>"></div>',
|
||||
'</div></div>',
|
||||
'<% } %>',
|
||||
|
||||
@ -78,8 +78,8 @@ define([
|
||||
'<div id="id-internal-link" class="hidden">',
|
||||
'<div class="input-row">',
|
||||
'<label>' + this.strLinkTo + '</label>',
|
||||
'<div class="get-link">',
|
||||
'<label class="link dropdown-toggle" data-toggle="dropdown" id="id-dlg-hyperlink-get-link">' + this.textGetLink + '</label>',
|
||||
'<div class="get-link float-right">',
|
||||
'<label class="link dropdown-toggle float-right" data-toggle="dropdown" id="id-dlg-hyperlink-get-link">' + this.textGetLink + '</label>',
|
||||
'<div id="id-clip-copy-box" class="dropdown-menu">',
|
||||
'<div id="id-dlg-clip-copy"></div>',
|
||||
'<button id="id-dlg-copy-btn" class="btn btn-text-default">' + this.textCopy + '</button>',
|
||||
|
||||
@ -228,14 +228,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
.base, #chart-dlg-btn-h-format-1 {
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
#chart-dlg-input-base-0,
|
||||
#chart-dlg-input-base-1,
|
||||
#chart-dlg-btn-h-format-1 {
|
||||
@ -269,12 +261,10 @@
|
||||
|
||||
#chart-dlg-btn-h-format-0 {
|
||||
margin-left: 5px;
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 5px;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
@ -341,15 +331,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
#id-adv-pivot-layout {
|
||||
#pivot-adv-spin-wrap {
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#id-adv-slicer-style {
|
||||
.margin-right {
|
||||
@ -365,11 +346,6 @@
|
||||
#window-chart-data {
|
||||
.up-down-btns {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#chart-dlg-btn-up {
|
||||
display: inline-block;
|
||||
@ -540,20 +516,10 @@
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
min-width: 150px;
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#id-dlg-hyperlink-get-link {
|
||||
line-height: 14px;
|
||||
margin-top: 3px;
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
#id-clip-copy-box {
|
||||
@ -906,24 +872,11 @@
|
||||
label {
|
||||
margin-top: 4px;
|
||||
}
|
||||
#format-rules-edit-color-pos-fill,
|
||||
#format-rules-edit-color-neg-fill,
|
||||
#format-rules-edit-color-pos-border,
|
||||
#format-rules-edit-color-neg-border {
|
||||
float: right;
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
#format-rules-edit-chk-show-bar {
|
||||
margin-top: 12px;
|
||||
}
|
||||
.axis {
|
||||
float: left;
|
||||
.rtl & {
|
||||
float: right;
|
||||
}
|
||||
.header {
|
||||
display: block;
|
||||
}
|
||||
@ -983,10 +936,6 @@
|
||||
}
|
||||
#format-rules-edit-btn-icon-reverse {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
#format-rules-combo-icon-5,
|
||||
|
||||
@ -8,17 +8,12 @@
|
||||
background-color: @background-toolbar;
|
||||
|
||||
.ce-group-name {
|
||||
float: left;
|
||||
height: 20px;
|
||||
//border-bottom: @scaled-one-px-value-ie solid @border-toolbar-ie;
|
||||
//border-bottom: @scaled-one-px-value solid @border-toolbar;
|
||||
background-color: @background-toolbar-ie;
|
||||
background-color: @background-toolbar;
|
||||
|
||||
.rtl & {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#ce-cell-name {
|
||||
width: 100px;
|
||||
height: 19px;
|
||||
@ -108,15 +103,10 @@
|
||||
}
|
||||
|
||||
.ce-group-expand {
|
||||
float: right;
|
||||
//height: 20px;
|
||||
height: 100%;
|
||||
background-color: @background-normal-ie;
|
||||
background-color: @background-normal;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.ce-group-content {
|
||||
|
||||
@ -215,11 +215,9 @@
|
||||
|
||||
.format-items {
|
||||
.format-item {
|
||||
float: left;
|
||||
margin: 0 24px 34px 0;
|
||||
|
||||
.rtl & {
|
||||
float: right;
|
||||
margin: 0 0 34px 24px;
|
||||
}
|
||||
|
||||
|
||||
@ -28,13 +28,8 @@
|
||||
}
|
||||
|
||||
.border-color {
|
||||
float: right;
|
||||
vertical-align: middle;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.input-label {
|
||||
margin-right: 5px;
|
||||
|
||||
@ -62,11 +57,6 @@
|
||||
#cell-panel-gradient-fill {
|
||||
.cell-direction {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#cell-button-direction {
|
||||
.dataview .item {
|
||||
@ -89,11 +79,6 @@
|
||||
|
||||
#cell-foreground-color-btn, #cell-background-color-btn {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -113,11 +98,6 @@
|
||||
&#id-shape-settings {
|
||||
#shape-spin-transparency, #shape-line-spin-transparency {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
#shape-button-270, #shape-button-fliph {
|
||||
@ -160,21 +140,11 @@
|
||||
border: 1px solid #AFAFAF;
|
||||
border-radius: 2px;
|
||||
background: #ffffff;
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
#shape-foreground-color-btn,
|
||||
#shape-background-color-btn {
|
||||
display: inline-block;
|
||||
float:right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -205,19 +175,6 @@
|
||||
&#id-textart-settings {
|
||||
#textart-spin-transparency, #textart-line-spin-transparency {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.textar-direction {
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.angle-label {
|
||||
@ -244,19 +201,6 @@
|
||||
border: 1px solid #AFAFAF;
|
||||
border-radius: 2px;
|
||||
background: #ffffff;
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
#textart-button-from-url {
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
#id-textart-menu-direction {
|
||||
@ -270,11 +214,6 @@
|
||||
#textart-foreground-color-btn,
|
||||
#textart-background-color-btn {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -4,12 +4,10 @@
|
||||
|
||||
#status-tabs-scroll {
|
||||
width: 66px;
|
||||
float: left;
|
||||
padding: 3px 12px 0 10px;
|
||||
height: 25px;
|
||||
|
||||
.rtl & {
|
||||
float: right;
|
||||
padding: 3px 10px 0 12px;
|
||||
}
|
||||
}
|
||||
@ -59,13 +57,8 @@
|
||||
|
||||
#status-users-ct {
|
||||
width: 63px;
|
||||
float: right;
|
||||
height: 100%;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#status-users-icon,#status-users-count {
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
@ -160,17 +153,12 @@
|
||||
}
|
||||
|
||||
#status-addtabs-box {
|
||||
float: left;
|
||||
padding: 3px 8px 0 8px;
|
||||
border-left: @scaled-one-px-value-ie solid @border-toolbar-ie;
|
||||
border-left: @scaled-one-px-value solid @border-toolbar;
|
||||
border-right: @scaled-one-px-value-ie solid @border-toolbar-ie;
|
||||
border-right: @scaled-one-px-value solid @border-toolbar;
|
||||
height: 25px;
|
||||
|
||||
.rtl & {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
#status-math-box,
|
||||
|
||||
@ -52,11 +52,6 @@
|
||||
width: 218px;
|
||||
|
||||
> .btn-slot {
|
||||
float: left;
|
||||
.rtl & {
|
||||
float: right;
|
||||
}
|
||||
|
||||
&:not(:first-child) {
|
||||
margin-left: 2px;
|
||||
.rtl & {
|
||||
@ -69,25 +64,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
// menu zoom
|
||||
.menu-zoom {
|
||||
line-height: @line-height-base;
|
||||
.title {
|
||||
padding: 5px 5px 5px 20px;
|
||||
float: left;
|
||||
max-width: 95px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.zoom {
|
||||
padding: 5px 3px;
|
||||
float: right;
|
||||
min-width: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.username-tip {
|
||||
background-color: #ee3525;
|
||||
border: none;
|
||||
|
||||
Reference in New Issue
Block a user