Merge pull request #2180 from ONLYOFFICE/feature/rtl-support
Feature/rtl support
This commit is contained in:
JuliaSvinareva
GitHub
commit
c57e21b0dc
|
|
@ -171,10 +171,15 @@ Common.Locale = new(function() {
|
|||
} else require(polyfills, _requireLang);
|
||||
} else _requireLang();
|
||||
|
||||
const _isCurrentRtl = function () {
|
||||
return false;
|
||||
};
|
||||
|
||||
return {
|
||||
apply: _applyLocalization,
|
||||
get: _get,
|
||||
getCurrentLanguage: _getCurrentLanguage,
|
||||
isCurrentLanguageRtl: _isCurrentRtl,
|
||||
getDefaultLanguage: _getDefaultLanguage
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -91,7 +91,7 @@ define([
|
|||
auto.push({
|
||||
id: id + '-color-auto',
|
||||
caption: (typeof options.auto == 'object') ? options.auto.caption || this.textAutoColor : this.textAutoColor,
|
||||
template: _.template('<a tabindex="-1" type="menuitem"><span class="menu-item-icon color-auto" style="background-image: none; width: 12px; height: 12px; margin: 1px 7px 0 1px; background-color: #' + this.autocolor + ';"></span><%= caption %></a>')
|
||||
template: _.template('<a tabindex="-1" type="menuitem"><span class="menu-item-icon color-auto" style="background-color: #' + this.autocolor + ';"></span><%= caption %></a>')
|
||||
});
|
||||
auto.push({caption: '--'});
|
||||
}
|
||||
|
|
|
|||
|
|
@ -190,10 +190,17 @@ define([
|
|||
'<ul class="dropdown-menu <%= menuCls %>" style="<%= menuStyle %>" role="menu">',
|
||||
'<% _.each(items, function(item) { %>',
|
||||
'<li id="<%= item.id %>" data-value="<%= item.value %>"><a tabindex="-1" type="menuitem">',
|
||||
'<% if (!isRTL) { %>',
|
||||
'<span><%= item.displayValue %></span>',
|
||||
'<% if (item.offsety!==undefined) { %>',
|
||||
'<img src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" align="right" style="background-position: 0 -<%= item.offsety %>px;">',
|
||||
'<% } %>',
|
||||
'<% } else { %>',
|
||||
'<% if (item.offsety!==undefined) { %>',
|
||||
'<img src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" align="left" style="background-position: 0 -<%= item.offsety %>px;">',
|
||||
'<% } %>',
|
||||
'<span><%= item.displayValue %></span>',
|
||||
'<% } %>',
|
||||
'</a></li>',
|
||||
'<% }); %>',
|
||||
'</ul>',
|
||||
|
|
@ -234,7 +241,7 @@ define([
|
|||
|
||||
Common.UI.ComboBorderType = Common.UI.ComboBorderSize.extend(_.extend({
|
||||
template: _.template([
|
||||
'<div class="input-group combobox combo-border-size input-group-nr <%= cls %>" id="<%= id %>" style="<%= style %>">',
|
||||
'<div class="input-group combobox combo-border-size combo-border-type input-group-nr <%= cls %>" id="<%= id %>" style="<%= style %>">',
|
||||
'<div class="form-control" style="<%= style %>" data-hint="<%= dataHint %>" data-hint-direction="<%= dataHintDirection %>" data-hint-offset="<%= dataHintOffset %>">',
|
||||
'<i class="image"></i>',
|
||||
'</div>',
|
||||
|
|
@ -244,10 +251,10 @@ define([
|
|||
'</button>',
|
||||
'<ul class="dropdown-menu <%= menuCls %>" style="<%= menuStyle %>" role="menu">',
|
||||
'<% _.each(items, function(item) { %>',
|
||||
'<li id="<%= item.id %>" data-value="<%= item.value %>"><a tabindex="-1" type="menuitem" style="padding: 2px 0 2px 10px;">',
|
||||
'<li id="<%= item.id %>" data-value="<%= item.value %>"><a tabindex="-1" type="menuitem">',
|
||||
'<span style="margin-top: 0;"></span>',
|
||||
'<% if (item.offsety!==undefined) { %>',
|
||||
'<img src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" align="left" style="background-position: 0 -<%= item.offsety %>px;">',
|
||||
'<img src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" style="background-position: 0 -<%= item.offsety %>px;">',
|
||||
'<% } %>',
|
||||
'</a></li>',
|
||||
'<% }); %>',
|
||||
|
|
@ -300,9 +307,9 @@ define([
|
|||
|
||||
Common.UI.ComboBoxColor = Common.UI.ComboBox.extend(_.extend({
|
||||
template: _.template([
|
||||
'<div class="input-group combobox combo-color input-group-nr <%= cls %>" id="<%= id %>" style="<%= style %>">',
|
||||
'<div class="form-control" style="padding:2px 14px 2px 3px; <%= style %> display: block;">',
|
||||
'<div style="display: inline-block;overflow: hidden;width: 100%;height: 100%;"></div>',
|
||||
'<div class="input-group combobox combo-color combobox-color input-group-nr <%= cls %>" id="<%= id %>" style="<%= style %>">',
|
||||
'<div class="form-control" style="<%= style %>">',
|
||||
'<div></div>',
|
||||
'</div>',
|
||||
'<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">',
|
||||
'<span class="caret"></span>',
|
||||
|
|
@ -313,7 +320,7 @@ define([
|
|||
'<li id="<%= item.id %>" data-value="<%= item.value %>"><a tabindex="-1" type="menuitem"><%= scope.getDisplayValue(item) %></a></li>',
|
||||
'<% } else { %>',
|
||||
'<li id="<%= item.id %>" data-value="<%= item.value %>">',
|
||||
'<a tabindex="-1" type="menuitem" style="padding: 5px;"><div style="height: 15px;<%= item.styleStr %>"><%= scope.getDisplayValue(item) %></div></a>',
|
||||
'<a tabindex="-1" type="menuitem"><div style="<%= item.styleStr %>"><%= scope.getDisplayValue(item) %></div></a>',
|
||||
'</li>',
|
||||
'<% } %>',
|
||||
'<% }); %>',
|
||||
|
|
@ -380,7 +387,7 @@ define([
|
|||
'<li id="<%= item.id %>" data-value="<%= item.value %>"><a tabindex="-1" type="menuitem"><%= scope.getDisplayValue(item) %></a></li>',
|
||||
'<% } else { %>',
|
||||
'<li id="<%= item.id %>" data-value="<%= item.value %>">',
|
||||
'<a tabindex="-1" type="menuitem" style="padding: 5px;"><div style="height: 15px;<%= item.styleStr %>"><%= scope.getDisplayValue(item) %></div></a>',
|
||||
'<a tabindex="-1" type="menuitem""><div style="<%= item.styleStr %>"><%= scope.getDisplayValue(item) %></div></a>',
|
||||
'</li>',
|
||||
'<% } %>',
|
||||
'<% }); %>'
|
||||
|
|
@ -407,9 +414,9 @@ define([
|
|||
|
||||
Common.UI.ComboBoxIcons= Common.UI.ComboBox.extend(_.extend({
|
||||
template: _.template([
|
||||
'<div class="input-group combobox combo-color input-group-nr <%= cls %>" id="<%= id %>" style="<%= style %>">',
|
||||
'<div class="form-control" style="padding:2px 0 2px 3px; <%= style %> display: block;">',
|
||||
'<div style="display: inline-block;overflow: hidden;width: 100%;height: 100%;"></div>',
|
||||
'<div class="input-group combobox combobox-icons combo-color input-group-nr <%= cls %>" id="<%= id %>" style="<%= style %>">',
|
||||
'<div class="form-control" style="<%= style %>">',
|
||||
'<div></div>',
|
||||
'</div>',
|
||||
'<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">',
|
||||
'<span class="caret"></span>',
|
||||
|
|
@ -420,9 +427,9 @@ define([
|
|||
'<li id="<%= item.id %>" data-value="<%= item.value %>"><a tabindex="-1" type="menuitem"><%= scope.getDisplayValue(item) %></a></li>',
|
||||
'<% } else { %>',
|
||||
'<li id="<%= item.id %>" data-value="<%= item.value %>">',
|
||||
'<a tabindex="-1" type="menuitem" style="padding: 5px;">',
|
||||
'<a tabindex="-1" type="menuitem">',
|
||||
'<% _.each(item.data.iconSet, function(icon) { %>',
|
||||
'<img src="<%= item.data.icons.at(icon-1).get(\'icon\') %>" style="width:16px;height:16px;margin-right: 5px;">',
|
||||
'<img src="<%= item.data.icons.at(icon-1).get(\'icon\') %>">',
|
||||
'<% }) %>',
|
||||
'</a>',
|
||||
'</li>',
|
||||
|
|
@ -454,7 +461,7 @@ define([
|
|||
if (record.get('value')!=-1) {
|
||||
var str = '';
|
||||
_.each(record.get('data').iconSet, function(icon) {
|
||||
str += '<img src="' + record.get('data').icons.at(icon-1).get("icon") + '" style="width:16px;height:16px;margin-right: 5px;">';
|
||||
str += '<img src="' + record.get('data').icons.at(icon-1).get("icon") + '">';
|
||||
});
|
||||
formcontrol[0].innerHTML = str;
|
||||
formcontrol.css({'margin-top': '0'});
|
||||
|
|
@ -495,7 +502,7 @@ define([
|
|||
'<li id="<%= item.id %>" data-value="<%= item.value %>">',
|
||||
'<a tabindex="-1" type="menuitem" style="padding: 5px;">',
|
||||
'<% _.each(item.data.iconSet, function(icon) { %>',
|
||||
'<img src="<%= item.data.icons.at(icon-1).get(\'icon\') %>" style="width:16px;height:16px;margin-right: 5px;">',
|
||||
'<img src="<%= item.data.icons.at(icon-1).get(\'icon\') %>">',
|
||||
'<% }) %>',
|
||||
'</a>',
|
||||
'</li>',
|
||||
|
|
|
|||
|
|
@ -153,7 +153,8 @@ define([
|
|||
scope : me,
|
||||
dataHint : this.options.dataHint,
|
||||
dataHintDirection: this.options.dataHintDirection,
|
||||
dataHintOffset: this.options.dataHintOffset
|
||||
dataHintOffset: this.options.dataHintOffset,
|
||||
isRTL : Common.UI.isRTL()
|
||||
}));
|
||||
if (this.itemsTemplate)
|
||||
this.cmpEl.find('ul').html(
|
||||
|
|
|
|||
|
|
@ -115,7 +115,7 @@ define([
|
|||
this.openButton = new Common.UI.Button({
|
||||
cls: 'open-menu',
|
||||
menu: new Common.UI.Menu({
|
||||
menuAlign: 'tl-tl',
|
||||
menuAlign: Common.UI.isRTL() ? 'tr-tr' : 'tl-tl',
|
||||
offset: [0, 3],
|
||||
items: [
|
||||
{template: _.template('<div class="menu-picker-container"></div>')}
|
||||
|
|
@ -299,7 +299,7 @@ define([
|
|||
var itemMargins = parseFloat(itemEl.css('margin-left')) + parseFloat(itemEl.css('margin-right'));
|
||||
|
||||
var fieldPickerEl = this.fieldPicker.$el;
|
||||
var fieldPickerPadding = parseFloat(fieldPickerEl.css('padding-right'));
|
||||
var fieldPickerPadding = parseFloat(fieldPickerEl.css(Common.UI.isRTL() ? 'padding-left' : 'padding-right'));
|
||||
var fieldPickerBorder = parseFloat(fieldPickerEl.css('border-width'));
|
||||
var dataviewPaddings = parseFloat(this.fieldPicker.$el.find('.dataview').css('padding-left')) + parseFloat(this.fieldPicker.$el.find('.dataview').css('padding-right'));
|
||||
|
||||
|
|
|
|||
|
|
@ -368,7 +368,10 @@ define([
|
|||
if (menu.cmpEl) {
|
||||
menu.menuAlignEl = this.cmpEl;
|
||||
var offset = this.cmpEl.width() - this.openButton.$el.width() - this.menuWidth + 1;
|
||||
menu.setOffset(Math.min(offset, 0));
|
||||
if (Common.UI.isRTL()) {
|
||||
offset = this.openButton.$el.width() - 1;
|
||||
}
|
||||
menu.setOffset(Common.UI.isRTL() ? offset : Math.min(offset, 0));
|
||||
}
|
||||
|
||||
if (this.options.hint) {
|
||||
|
|
|
|||
|
|
@ -53,12 +53,13 @@ define([
|
|||
minRows : 5,
|
||||
minColumns : 5,
|
||||
maxRows : 20,
|
||||
maxColumns : 20
|
||||
maxColumns : 20,
|
||||
direction : undefined // 'left', 'right'
|
||||
},
|
||||
|
||||
template:_.template([
|
||||
'<div style="width: 100%; height: 100%;">',
|
||||
'<div class="dimension-picker-status">0x0</div>',
|
||||
'<div dir="ltr" class="dimension-picker-status">0x0</div>',
|
||||
'<div class="dimension-picker-observecontainer">',
|
||||
'<div class="dimension-picker-mousecatcher"></div>',
|
||||
'<div class="dimension-picker-unhighlighted"></div>',
|
||||
|
|
@ -84,12 +85,24 @@ define([
|
|||
me.maxRows = me.options.maxRows;
|
||||
me.maxColumns = me.options.maxColumns;
|
||||
|
||||
me.direction = me.options.direction;
|
||||
if (Common.UI.isRTL() && !me.direction) {
|
||||
me.direction = 'right';
|
||||
}
|
||||
|
||||
me.curColumns = 0;
|
||||
me.curRows = 0;
|
||||
|
||||
var onMouseMove = function(event){
|
||||
var offsetX;
|
||||
if (me.direction === 'right' && me.areaMouseCatcher) {
|
||||
var width = me.areaMouseCatcher.width();
|
||||
offsetX = event.offsetX === undefined ? (width - event.originalEvent.layerX) : (width - event.offsetX)*Common.Utils.zoom()
|
||||
} else {
|
||||
offsetX = event.offsetX === undefined ? event.originalEvent.layerX : event.offsetX*Common.Utils.zoom();
|
||||
}
|
||||
me.setTableSize(
|
||||
Math.ceil((event.offsetX === undefined ? event.originalEvent.layerX : event.offsetX*Common.Utils.zoom()) / me.itemSize),
|
||||
Math.ceil(offsetX / me.itemSize),
|
||||
Math.ceil((event.offsetY === undefined ? event.originalEvent.layerY : event.offsetY*Common.Utils.zoom()) / me.itemSize),
|
||||
event
|
||||
);
|
||||
|
|
@ -104,27 +117,31 @@ define([
|
|||
};
|
||||
|
||||
if (rootEl){
|
||||
var areaMouseCatcher = rootEl.find('.dimension-picker-mousecatcher');
|
||||
me.areaMouseCatcher = rootEl.find('.dimension-picker-mousecatcher');
|
||||
me.areaUnHighLighted = rootEl.find('.dimension-picker-unhighlighted');
|
||||
me.areaHighLighted = rootEl.find('.dimension-picker-highlighted');
|
||||
me.areaStatus = rootEl.find('.dimension-picker-status');
|
||||
|
||||
rootEl.css({width: me.minColumns + 'em'});
|
||||
areaMouseCatcher.css('z-index', 1);
|
||||
areaMouseCatcher.width(me.maxColumns + 'em').height(me.maxRows + 'em');
|
||||
me.areaMouseCatcher.css('z-index', 1);
|
||||
me.areaMouseCatcher.width(me.maxColumns + 'em').height(me.maxRows + 'em');
|
||||
me.areaUnHighLighted.width(me.minColumns + 'em').height(me.minRows + 'em');
|
||||
me.areaStatus.html(me.curColumns + ' x ' + me.curRows);
|
||||
me.areaStatus.html(!Common.UI.isRTL() ? this.curColumns + ' x ' + this.curRows : this.curRows + ' x ' + this.curColumns);
|
||||
me.areaStatus.width(me.areaUnHighLighted.width());
|
||||
|
||||
areaMouseCatcher.on('mousemove', onMouseMove);
|
||||
me.areaMouseCatcher.on('mousemove', onMouseMove);
|
||||
me.areaHighLighted.on('mousemove', onMouseMove);
|
||||
me.areaUnHighLighted.on('mousemove', onMouseMove);
|
||||
areaMouseCatcher.on('mouseleave', onMouseLeave);
|
||||
me.areaMouseCatcher.on('mouseleave', onMouseLeave);
|
||||
me.areaHighLighted.on('mouseleave', onMouseLeave);
|
||||
me.areaUnHighLighted.on('mouseleave', onMouseLeave);
|
||||
areaMouseCatcher.on('click', onHighLightedMouseClick);
|
||||
me.areaMouseCatcher.on('click', onHighLightedMouseClick);
|
||||
me.areaHighLighted.on('click', onHighLightedMouseClick);
|
||||
me.areaUnHighLighted.on('click', onHighLightedMouseClick);
|
||||
|
||||
if (me.direction === 'right') {
|
||||
me.areaHighLighted.css({left: 'auto', right: '0'});
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
|
|
@ -157,7 +174,7 @@ define([
|
|||
);
|
||||
|
||||
this.cmpEl.width(this.areaUnHighLighted.width());
|
||||
this.areaStatus.html(this.curColumns + ' x ' + this.curRows);
|
||||
this.areaStatus.html(!Common.UI.isRTL() ? this.curColumns + ' x ' + this.curRows : this.curRows + ' x ' + this.curColumns);
|
||||
this.areaStatus.width(this.areaUnHighLighted.width());
|
||||
|
||||
this.trigger('change', this, this.curColumns, this.curRows, event);
|
||||
|
|
|
|||
|
|
@ -261,7 +261,7 @@ define([
|
|||
var panel = e.data.panel;
|
||||
this.resize.type = e.data.type;
|
||||
this.resize.$el = panel.el;
|
||||
this.resize.min = panel.minpos;
|
||||
this.resize.min = panel.minpos > 0 ? panel.minpos : this.resize.$el.parent().width() + panel.minpos;
|
||||
this.resize.fmin = panel.fmin;
|
||||
this.resize.fmax = panel.fmax;
|
||||
this.resize.behaviour = panel.behaviour;
|
||||
|
|
@ -365,15 +365,15 @@ define([
|
|||
oldValue = parseInt(panel.css(prop));
|
||||
} else {
|
||||
panel = this.resize.$el.next();
|
||||
next = this.resize.$el.next();
|
||||
next = this.resize.$el.prev();
|
||||
oldValue = parseInt(panel.css(prop));
|
||||
value = panel.parent()[prop]() - (value + this.resize[prop]);
|
||||
}
|
||||
|
||||
if (this.resize.type == 'vertical')
|
||||
value -= panel.position().top;
|
||||
if (this.resize.type == 'horizontal')
|
||||
value -= panel.position().left;
|
||||
// if (this.resize.type == 'horizontal')
|
||||
// value -= panel.position().left;
|
||||
|
||||
panel.css(prop, value + 'px');
|
||||
|
||||
|
|
|
|||
|
|
@ -173,6 +173,18 @@ define([
|
|||
this.search = this.options.search;
|
||||
this.outerMenu = this.options.outerMenu;
|
||||
|
||||
if (Common.UI.isRTL()) {
|
||||
if (this.menuAlign === 'tl-tr') {
|
||||
this.menuAlign = 'tr-tl';
|
||||
} else if (this.menuAlign === 'tl-bl') {
|
||||
this.menuAlign = 'tr-br';
|
||||
} else if (this.menuAlign === 'tr-br') {
|
||||
this.menuAlign = 'tl-bl';
|
||||
} else if (this.menuAlign === 'bl-tl') {
|
||||
this.menuAlign = 'br-tr';
|
||||
}
|
||||
}
|
||||
|
||||
if (this.options.restoreHeight) {
|
||||
this.options.restoreHeight = (typeof (this.options.restoreHeight) == "number") ? this.options.restoreHeight : (this.options.maxHeight ? this.options.maxHeight : 100000);
|
||||
!this.options.maxHeight && (this.options.maxHeight = this.options.restoreHeight);
|
||||
|
|
@ -787,6 +799,18 @@ define([
|
|||
this.scrollAlwaysVisible = this.options.scrollAlwaysVisible;
|
||||
this.search = this.options.search;
|
||||
|
||||
if (Common.UI.isRTL()) {
|
||||
if (this.menuAlign === 'tl-tr') {
|
||||
this.menuAlign = 'tr-tl';
|
||||
} else if (this.menuAlign === 'tl-bl') {
|
||||
this.menuAlign = 'tr-br';
|
||||
} else if (this.menuAlign === 'tr-br') {
|
||||
this.menuAlign = 'tl-bl';
|
||||
} else if (this.menuAlign === 'bl-tl') {
|
||||
this.menuAlign = 'br-tr';
|
||||
}
|
||||
}
|
||||
|
||||
if (this.options.restoreHeight) {
|
||||
this.options.restoreHeight = (typeof (this.options.restoreHeight) == "number") ? this.options.restoreHeight : (this.options.maxHeight ? this.options.maxHeight : 100000);
|
||||
!this.options.maxHeight && (this.options.maxHeight = this.options.restoreHeight);
|
||||
|
|
|
|||
|
|
@ -56,7 +56,7 @@ define([
|
|||
|
||||
var onScrollTabs = function(opts, e) {
|
||||
var sv = $boxTabs.scrollLeft();
|
||||
if ( sv || opts == 'right' ) {
|
||||
if (sv || opts == 'right' || Common.UI.isRTL() && opts == 'left') {
|
||||
$boxTabs.animate({scrollLeft: opts == 'left' ? sv - 100 : sv + 100}, 200);
|
||||
}
|
||||
};
|
||||
|
|
@ -93,6 +93,7 @@ define([
|
|||
Common.UI.BaseView.prototype.initialize.call(this, options);
|
||||
|
||||
var _template_tabs =
|
||||
!Common.UI.isRTL() ?
|
||||
'<section class="tabs">' +
|
||||
'<a class="scroll left" data-hint="0" data-hint-direction="bottom" data-hint-offset="-7, 0" data-hint-title="V"></a>' +
|
||||
'<ul>' +
|
||||
|
|
@ -108,6 +109,22 @@ define([
|
|||
'<% } %>' +
|
||||
'</ul>' +
|
||||
'<a class="scroll right" data-hint="0" data-hint-direction="bottom" data-hint-offset="-7, 0" data-hint-title="R"></a>' +
|
||||
'</section>' :
|
||||
'<section class="tabs">' +
|
||||
'<a class="scroll right" data-hint="0" data-hint-direction="bottom" data-hint-offset="-7, 0" data-hint-title="R"></a>' +
|
||||
'<ul>' +
|
||||
'<% for(var i in items) { %>' +
|
||||
'<% if (typeof items[i] == "object") { %>' +
|
||||
'<li class="ribtab' +
|
||||
'<% if (items[i].haspanel===false) print(" x-lone") %>' +
|
||||
'<% if (items[i].extcls) print(\' \' + items[i].extcls) %>"' +
|
||||
'<% if (typeof items[i].layoutname == "string") print(" data-layout-name=" + \' \' + items[i].layoutname) + \' \' %>>' +
|
||||
'<a data-tab="<%= items[i].action %>" data-title="<%= items[i].caption %>" data-hint="0" data-hint-direction="bottom" data-hint-offset="small" <% if (typeof items[i].dataHintTitle !== "undefined") { %> data-hint-title="<%= items[i].dataHintTitle %>" <% } %>><%= items[i].caption %></a>' +
|
||||
'</li>' +
|
||||
'<% } %>' +
|
||||
'<% } %>' +
|
||||
'</ul>' +
|
||||
'<a class="scroll left" data-hint="0" data-hint-direction="bottom" data-hint-offset="-7, 0" data-hint-title="V"></a>' +
|
||||
'</section>';
|
||||
|
||||
this.$layout = $(options.template({
|
||||
|
|
@ -365,13 +382,13 @@ define([
|
|||
var _left_bound_ = Math.round($boxTabs.offset().left),
|
||||
_right_bound_ = Math.round(_left_bound_ + $boxTabs.width());
|
||||
|
||||
var tab = this.$tabs.filter(':visible:first').get(0);
|
||||
var tab = this.$tabs.filter(Common.UI.isRTL() ? ':visible:last' : ':visible:first').get(0);
|
||||
if ( !tab ) return false;
|
||||
|
||||
var rect = tab.getBoundingClientRect();
|
||||
|
||||
if ( !(Math.round(rect.left) < _left_bound_) ) {
|
||||
tab = this.$tabs.filter(':visible:last').get(0);
|
||||
tab = this.$tabs.filter(Common.UI.isRTL() ? ':visible:first' : ':visible:last').get(0);
|
||||
rect = tab.getBoundingClientRect();
|
||||
|
||||
if (!(Math.round(rect.right) > _right_bound_))
|
||||
|
|
@ -393,7 +410,9 @@ define([
|
|||
function _fc() {
|
||||
var $active = panel || me.$panels.filter('.active');
|
||||
if ( $active && $active.length ) {
|
||||
var _maxright = $active.parents('.box-controls').width();
|
||||
var _maxright = $active.parents('.box-controls').width(),
|
||||
_staticPanelWidth = $active.parents('.box-controls').find('.panel.static').outerWidth();
|
||||
if (!_staticPanelWidth) _staticPanelWidth = 0;
|
||||
var data = $active.data(),
|
||||
_rightedge = data.rightedge,
|
||||
_btns = data.buttons,
|
||||
|
|
@ -403,7 +422,7 @@ define([
|
|||
me.setMoreButton($active.attr('data-tab'), $active);
|
||||
}
|
||||
if ( !_rightedge ) {
|
||||
_rightedge = $active.get(0).getBoundingClientRect().right;
|
||||
_rightedge = $active.outerWidth() + _staticPanelWidth;
|
||||
}
|
||||
if ( !_btns ) {
|
||||
_btns = [];
|
||||
|
|
@ -421,12 +440,12 @@ define([
|
|||
data.flex = _flex;
|
||||
}
|
||||
|
||||
if ( (_rightedge > _maxright)) {
|
||||
if (_rightedge > _maxright) {
|
||||
if (!more_section.is(':visible') ) {
|
||||
if (_flex.length>0) {
|
||||
for (var i=0; i<_flex.length; i++) {
|
||||
var item = _flex[i].el;
|
||||
_rightedge = $active.get(0).getBoundingClientRect().right;
|
||||
_rightedge = $active.outerWidth() + _staticPanelWidth;
|
||||
if (item.outerWidth() > parseInt(item.css('min-width'))) {
|
||||
data.rightedge = _rightedge;
|
||||
return;
|
||||
|
|
@ -438,7 +457,7 @@ define([
|
|||
var btn = _btns[i];
|
||||
if ( !btn.hasClass('compactwidth') && !btn.hasClass('slot-btn-more')) {
|
||||
btn.addClass('compactwidth');
|
||||
_rightedge = $active.get(0).getBoundingClientRect().right;
|
||||
_rightedge = $active.outerWidth() + _staticPanelWidth;
|
||||
if (_rightedge <= _maxright)
|
||||
break;
|
||||
}
|
||||
|
|
@ -453,10 +472,10 @@ define([
|
|||
var btn = _btns[i];
|
||||
if ( btn.hasClass('compactwidth') ) {
|
||||
btn.removeClass('compactwidth');
|
||||
_rightedge = $active.get(0).getBoundingClientRect().right;
|
||||
_rightedge = $active.outerWidth() + _staticPanelWidth;
|
||||
if (_rightedge > _maxright) {
|
||||
btn.addClass('compactwidth');
|
||||
_rightedge = $active.get(0).getBoundingClientRect().right;
|
||||
_rightedge = $active.outerWidth() + _staticPanelWidth;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
|
@ -506,7 +525,7 @@ define([
|
|||
var me = this;
|
||||
if (!btnsMore[tab]) {
|
||||
var top = panel.position().top;
|
||||
var box = $('<div class="more-box" style="position: absolute;right: 0; top:'+ top +'px; padding-left: 12px;padding-right: 6px;display: none;">' +
|
||||
var box = $('<div class="more-box" style="top:'+ top +'px;">' +
|
||||
'<div class="separator long" style="position: relative;display: table-cell;"></div>' +
|
||||
'<div class="group" style=""><span class="btn-slot text x-huge slot-btn-more"></span></div>' +
|
||||
'</div>');
|
||||
|
|
@ -533,7 +552,7 @@ define([
|
|||
var panel = this.$panels.filter('[data-tab=' + tab + ']');
|
||||
if ( panel.length ) {
|
||||
var data = panel.data();
|
||||
data.buttons = data.flex = data.rightedge = undefined;
|
||||
data.buttons = data.flex = data.rightedge = data.leftedge = undefined;
|
||||
panel.find('.more-box').remove();
|
||||
}
|
||||
if (btnsMore[tab]) {
|
||||
|
|
@ -554,8 +573,10 @@ define([
|
|||
|
||||
var more_section_width = parseInt(more_section.css('width')) || 0,
|
||||
box_controls_width = $active.parents('.box-controls').width(),
|
||||
_maxright = box_controls_width,
|
||||
_rightedge = $active.get(0).getBoundingClientRect().right,
|
||||
_staticPanelWidth = $active.parents('.box-controls').find('.panel.static').outerWidth(),
|
||||
_maxright = box_controls_width;
|
||||
if (!_staticPanelWidth) _staticPanelWidth = 0;
|
||||
var _rightedge = $active.outerWidth() + _staticPanelWidth,
|
||||
delta = (this._prevBoxWidth) ? (_maxright - this._prevBoxWidth) : -1,
|
||||
hideAllMenus = false;
|
||||
this._prevBoxWidth = _maxright;
|
||||
|
|
@ -567,7 +588,7 @@ define([
|
|||
|
||||
if ( (reset || delta<0) && (_rightedge > _maxright)) { // from toolbar to more section
|
||||
if (!more_section.is(':visible') ) {
|
||||
more_section.css('display', "");
|
||||
more_section.css('display', "block");
|
||||
_maxright -= parseInt(more_section.css('width'));
|
||||
}
|
||||
var last_separator = null,
|
||||
|
|
@ -589,11 +610,12 @@ define([
|
|||
this.$moreBar.prepend(item);
|
||||
hideAllMenus = true;
|
||||
} else if (item.hasClass('group')) {
|
||||
_rightedge = $active.get(0).getBoundingClientRect().right;
|
||||
//_rightedge = $active.get(0).getBoundingClientRect().right;
|
||||
_rightedge = $active.outerWidth() + _staticPanelWidth;
|
||||
if (_rightedge <= _maxright) // stop moving items
|
||||
break;
|
||||
|
||||
var offset = item.offset(),
|
||||
var rect = item.get(0).getBoundingClientRect(),
|
||||
item_width = item.outerWidth(),
|
||||
children = item.children();
|
||||
if (!item.attr('inner-width') && item.attr('group-state') !== 'open') {
|
||||
|
|
@ -603,7 +625,7 @@ define([
|
|||
child.attr('inner-width', child.outerWidth());
|
||||
}
|
||||
}
|
||||
if ((offset.left > _maxright || children.length==1) && item.attr('group-state') != 'open') {
|
||||
if (((rect.left > _maxright || Common.UI.isRTL() && box_controls_width - rect.right > _maxright) || children.length==1) && item.attr('group-state') != 'open') {
|
||||
// move group
|
||||
this.$moreBar.prepend(item);
|
||||
if (last_separator) {
|
||||
|
|
@ -611,7 +633,7 @@ define([
|
|||
last_separator.removeAttr('hidden-on-resize');
|
||||
}
|
||||
hideAllMenus = true;
|
||||
} else if ( offset.left+item_width > _maxright ) {
|
||||
} else if ((Common.UI.isRTL() ? box_controls_width - rect.right : rect.left)+item_width > _maxright ) {
|
||||
// move buttons from group
|
||||
for (var j=children.length-1; j>=0; j--) {
|
||||
var child = $(children[j]);
|
||||
|
|
@ -624,9 +646,9 @@ define([
|
|||
hideAllMenus = true;
|
||||
break;
|
||||
} else {
|
||||
var child_offset = child.offset(),
|
||||
var child_rect = child.get(0).getBoundingClientRect(),
|
||||
child_width = child.outerWidth();
|
||||
if (child_offset.left+child_width>_maxright) {
|
||||
if ((Common.UI.isRTL() ? box_controls_width - child_rect.right : child_rect.left)+child_width>_maxright) {
|
||||
if (!last_group) {
|
||||
last_group = $('<div></div>');
|
||||
last_group.addClass(items[i].className);
|
||||
|
|
@ -689,7 +711,7 @@ define([
|
|||
// from more panel to toolbar
|
||||
for (var i=0; i<items.length; i++) {
|
||||
var item = $(items[i]);
|
||||
_rightedge = $active.get(0).getBoundingClientRect().right;
|
||||
_rightedge = $active.outerWidth() + _staticPanelWidth;
|
||||
if (!item.is(':visible') && item.attr('data-hidden-tb-item')) { // move invisible items as is
|
||||
item.removeAttr('data-hidden-tb-item');
|
||||
more_section.before(item);
|
||||
|
|
@ -724,7 +746,7 @@ define([
|
|||
for (var j=0; j<children.length; j++) {
|
||||
if (islast && j==children.length-1)
|
||||
_maxright = box_controls_width; // try to move last item from last group
|
||||
_rightedge = $active.get(0).getBoundingClientRect().right;
|
||||
_rightedge = $active.outerWidth() + _staticPanelWidth;
|
||||
var child = $(children[j]);
|
||||
if (child.hasClass('elset')) { // don't add group - no enough space
|
||||
need_break = true;
|
||||
|
|
@ -809,7 +831,8 @@ define([
|
|||
right = Common.Utils.innerWidth() - (showxy.left - parentxy.left + target.width()),
|
||||
top = showxy.top - parentxy.top + target.height() + 10;
|
||||
|
||||
moreContainer.css({right: right, left: 'auto', top : top, 'max-width': Common.Utils.innerWidth() + 'px'});
|
||||
var styles = Common.UI.isRTL() ? {left: '6px', right: 'auto', top : top, 'max-width': Common.Utils.innerWidth() + 'px'} : {right: right, left: 'auto', top : top, 'max-width': Common.Utils.innerWidth() + 'px'}
|
||||
moreContainer.css(styles);
|
||||
moreContainer.show();
|
||||
},
|
||||
|
||||
|
|
|
|||
|
|
@ -156,7 +156,7 @@ define([
|
|||
$(document).off('mousemove', onMouseMove);
|
||||
|
||||
me._dragstart = undefined;
|
||||
me.trigger('changecomplete', me, me.value, me.lastValue);
|
||||
me.trigger('changecomplete', me, Common.UI.isRTL() ? me.maxValue - me.value : me.value, me.lastValue);
|
||||
};
|
||||
|
||||
var onMouseMove = function (e) {
|
||||
|
|
@ -175,7 +175,7 @@ define([
|
|||
me.value = pos/me.delta + me.minValue;
|
||||
|
||||
if (Math.abs(me.value-me.lastValue)>0.001)
|
||||
me.trigger('change', me, me.value, me.lastValue);
|
||||
me.trigger('change', me, Common.UI.isRTL() ? me.maxValue - me.value : me.value, me.lastValue);
|
||||
};
|
||||
|
||||
var onMouseDown = function (e) {
|
||||
|
|
@ -201,8 +201,8 @@ define([
|
|||
me.lastValue = me.value;
|
||||
me.value = pos/me.delta + me.minValue;
|
||||
|
||||
me.trigger('change', me, me.value, me.lastValue);
|
||||
me.trigger('changecomplete', me, me.value, me.lastValue);
|
||||
me.trigger('change', me, Common.UI.isRTL() ? me.maxValue - me.value : me.value, me.lastValue);
|
||||
me.trigger('changecomplete', me, Common.UI.isRTL() ? me.maxValue - me.value : me.value, me.lastValue);
|
||||
};
|
||||
|
||||
var updateslider;
|
||||
|
|
@ -211,7 +211,7 @@ define([
|
|||
me.lastValue = me.value;
|
||||
me.value = Math.max(me.minValue, Math.min(me.maxValue, me.value + ((increase) ? me.step : -me.step)));
|
||||
me.setThumbPosition(Math.round((me.value-me.minValue)*me.delta));
|
||||
me.trigger('change', me, me.value, me.lastValue);
|
||||
me.trigger('change', me, Common.UI.isRTL() ? me.maxValue - me.value : me.value, me.lastValue);
|
||||
};
|
||||
|
||||
var onKeyDown = function (e) {
|
||||
|
|
@ -234,7 +234,7 @@ define([
|
|||
clearInterval(updateslider);
|
||||
moveThumb(e.keyCode==Common.UI.Keys.UP || e.keyCode==Common.UI.Keys.RIGHT);
|
||||
el.on('keydown', 'input', onKeyDown);
|
||||
me.trigger('changecomplete', me, me.value, me.lastValue);
|
||||
me.trigger('changecomplete', me, Common.UI.isRTL() ? me.maxValue - me.value : me.value, me.lastValue);
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -264,7 +264,7 @@ define([
|
|||
setValue: function(value) {
|
||||
this.lastValue = this.value;
|
||||
this.value = Math.max(this.minValue, Math.min(this.maxValue, value));
|
||||
this.setThumbPosition(Math.round((value-this.minValue)*this.delta));
|
||||
this.setThumbPosition(Math.round(((Common.UI.isRTL() ? this.maxValue - value : value)-this.minValue)*this.delta));
|
||||
},
|
||||
|
||||
getValue: function() {
|
||||
|
|
|
|||
|
|
@ -569,8 +569,8 @@ define([
|
|||
|
||||
checkInvisible: function(suppress) {
|
||||
var result = {
|
||||
first: !this.isTabVisible(0),
|
||||
last: !this.isTabVisible(this.tabs.length-1)
|
||||
first: !this.isTabVisible(Common.UI.isRTL() ? this.tabs.length-1 : 0),
|
||||
last: !this.isTabVisible(Common.UI.isRTL() ? 0 : this.tabs.length-1)
|
||||
};
|
||||
|
||||
!suppress && this.fireEvent('tab:invisible', this, result);
|
||||
|
|
|
|||
|
|
@ -64,11 +64,11 @@ define([
|
|||
|
||||
template :
|
||||
_.template(
|
||||
'<div style="padding: 4px 0 0 12px;">' +
|
||||
'<div class="palette-inner">' +
|
||||
'<% var me = this; var idx = 0; %>' +
|
||||
'<% $(colors).each(function(num, item) { %>' +
|
||||
'<% if (me.isBlankSeparator(item)) { %> <div class="palette-color-spacer" style="width:100%;height:8px;float:left;"></div>' +
|
||||
'<% } else if (me.isSeparator(item)) { %> </div><div class="divider" style="width:100%;float:left;"></div><div style="padding: 12px;">' +
|
||||
'<% if (me.isBlankSeparator(item)) { %> <div class="palette-color-spacer"></div>' +
|
||||
'<% } else if (me.isSeparator(item)) { %> </div><div class="divider"></div><div style="padding: 12px;">' +
|
||||
'<% } else if (me.isColor(item)) { %> ' +
|
||||
'<a class="palette-color color-<%=item%>" style="background:#<%=item%>" idx="<%=idx++%>">' +
|
||||
'<em><span style="background:#<%=item%>;" unselectable="on"> </span></em>' +
|
||||
|
|
@ -79,7 +79,7 @@ define([
|
|||
'</a>' +
|
||||
'<% } else if (me.isEffect(item)) { %>' +
|
||||
'<% if (idx>0 && me.columns>0 && idx%me.columns===0) { %> ' +
|
||||
'<div style="width:100%;height:0;float:left;"></div>' +
|
||||
'<div class="color-divider"></div>' +
|
||||
'<% } %>' +
|
||||
'<a effectid="<%=item.effectId%>" effectvalue="<%=item.effectValue%>" class="palette-color-effect color-<%=item.color%>" style="background:#<%=item.color%>" idx="<%=idx++%>">' +
|
||||
'<em><span style="background:#<%=item.color%>;" unselectable="on"> </span></em>' +
|
||||
|
|
@ -90,8 +90,8 @@ define([
|
|||
'<% }); %>' +
|
||||
'</div>' +
|
||||
'<% if (me.options.dynamiccolors!==undefined) { %>' +
|
||||
'<div class="palette-color-dynamiccolors" style="padding: 4px 0 0 12px">' +
|
||||
'<div class="palette-color-spacer" style="width:100%;height:8px;float:left;"></div>' +
|
||||
'<div class="palette-color-dynamiccolors">' +
|
||||
'<div class="palette-color-spacer"></div>' +
|
||||
'<div class="palette-color-caption"><%=me.textRecentColors%></div>' +
|
||||
'<% for (var i=0; i<me.options.dynamiccolors; i++) { %>' +
|
||||
'<a class="color-dynamic-<%=i%> dynamic-empty-color <%= me.emptyColorsClass %>" color="" idx="<%=idx++%>">' +
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
},
|
||||
|
|
|
|||
|
|
@ -476,7 +476,7 @@ define([
|
|||
|
||||
var template = '<div class="info-box">' +
|
||||
'<% if (typeof iconCls !== "undefined") { %><div class="icon <%= iconCls %>"></div><% } %>' +
|
||||
'<div class="text" <% if (typeof iconCls == "undefined") { %> style="padding-left:10px;" <% } %>><span><%= msg %></span>' +
|
||||
'<div class="text" dir="ltr" <% if (typeof iconCls == "undefined") { %> style="padding-left:10px;" <% } %>><span><%= msg %></span>' +
|
||||
'<% if (dontshow) { %><div class="dont-show-checkbox"></div><% } %>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
|
|
@ -511,7 +511,8 @@ define([
|
|||
text_cnt.height(Math.max(text.height(), icon_height) + ((check.length>0) ? (check.height() + parseInt(check.css('margin-top'))) : 0));
|
||||
body.height(parseInt(text_cnt.css('height')) + parseInt(footer.css('height')));
|
||||
var span_el = check.find('span');
|
||||
window.setSize(Math.max(text.width(), span_el.length>0 ? span_el.position().left + span_el.width() : 0) + text.position().left + parseInt(text_cnt.css('padding-right')),
|
||||
window.setSize(Math.max(text.width(), span_el.length>0 ? span_el.position().left + span_el.width() : 0) + text.position().left + parseInt(text_cnt.css('padding-right')) +
|
||||
(Common.UI.isRTL() && icon.length > 0 ? icon.width() + parseInt(icon.css('margin-right')) + parseInt(icon.css('margin-left')) : 0),
|
||||
parseInt(body.css('height')) + parseInt(header.css('height')));
|
||||
} else {
|
||||
text.css('white-space', 'normal');
|
||||
|
|
|
|||
|
|
@ -263,7 +263,7 @@ define([
|
|||
} else {
|
||||
_group.appendTo(me.$toolbarPanelPlugins);
|
||||
$('<div class="separator long invisible"></div>').appendTo(me.$toolbarPanelPlugins);
|
||||
_group = $('<div class="group" style="padding-left: 0;"></div>');
|
||||
_group = $('<div class="group" style="' + (Common.UI.isRTL() ? 'padding-right: 0;' : 'padding-left: 0;') + '"></div>');
|
||||
}
|
||||
|
||||
var btn = me.panelPlugins.createPluginButton(model);
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<div id="id-hsb-colorpicker" style="vertical-align:top;">
|
||||
</div>
|
||||
<div class="color-info" style="">
|
||||
<div style="margin-left:15px;">
|
||||
<div class="color-preview">
|
||||
<label class="color-label"><%= txtNew %></label>
|
||||
<div id="field-new-color" class="color-cnt top"></div>
|
||||
<div id="field-start-color" class="color-cnt bottom"></div>
|
||||
|
|
|
|||
|
|
@ -1,3 +1,17 @@
|
|||
var checkLocalStorage = (function () {
|
||||
try {
|
||||
var storage = window['localStorage'];
|
||||
return true;
|
||||
}
|
||||
catch(e) {
|
||||
return false;
|
||||
}
|
||||
})();
|
||||
|
||||
if ( checkLocalStorage && localStorage.getItem("ui-rtl") === '1' ) {
|
||||
document.body.setAttribute('dir', 'rtl');
|
||||
document.body.classList.add('rtl');
|
||||
}
|
||||
|
||||
function checkScaling() {
|
||||
var matches = {
|
||||
|
|
@ -42,16 +56,6 @@ var params = (function() {
|
|||
return urlParams;
|
||||
})();
|
||||
|
||||
var checkLocalStorage = (function () {
|
||||
try {
|
||||
var storage = window['localStorage'];
|
||||
return true;
|
||||
}
|
||||
catch(e) {
|
||||
return false;
|
||||
}
|
||||
})();
|
||||
|
||||
if ( window.desktop ) {
|
||||
var theme = desktop.theme
|
||||
|
||||
|
|
|
|||
|
|
@ -1096,3 +1096,12 @@ Common.Utils.getKeyByValue = function(obj, value) {
|
|||
}
|
||||
}
|
||||
};
|
||||
|
||||
Common.UI.isRTL = function () {
|
||||
if ( window.isrtl == undefined ) {
|
||||
window.isrtl = Common.localStorage.itemExists('ui-rtl') ?
|
||||
Common.localStorage.getBool("ui-rtl") : Common.Locale.isCurrentLanguageRtl();
|
||||
}
|
||||
|
||||
return window.isrtl;
|
||||
};
|
||||
|
|
@ -51,6 +51,7 @@ define([
|
|||
height: 157,
|
||||
style: 'min-width: 230px;',
|
||||
cls: 'modal-dlg',
|
||||
id: 'window-insert-table',
|
||||
split: false,
|
||||
buttons: ['ok', 'cancel']
|
||||
},
|
||||
|
|
@ -63,10 +64,10 @@ define([
|
|||
this.template = [
|
||||
'<div class="box">',
|
||||
'<div class="input-row">',
|
||||
'<label class="text columns-text" style="width: 130px;">' + this.txtColumns + '</label><div class="columns-val" style="float: right;"></div>',
|
||||
'<label class="text columns-text" style="width: 130px;">' + this.txtColumns + '</label><div class="columns-val"></div>',
|
||||
'</div>',
|
||||
'<div class="input-row" style="margin-top: 10px;">',
|
||||
'<label class="text rows-text" style="width: 130px;">' + this.txtRows + '</label><div class="rows-val" style="float: right;"></div>',
|
||||
'<label class="text rows-text" style="width: 130px;">' + this.txtRows + '</label><div class="rows-val"></div>',
|
||||
'</div>',
|
||||
'</div>'
|
||||
].join('');
|
||||
|
|
|
|||
|
|
@ -93,7 +93,7 @@ define([
|
|||
'<ul class="dropdown-menu <%= menuCls %>" style="<%= menuStyle %>" role="menu">',
|
||||
'<% _.each(items, function(item) { %>',
|
||||
'<li id="<%= item.id %>" data-value="<%= item.value %>">',
|
||||
'<a tabindex="-1" type="menuitem" style="padding-left: 28px !important;" langval="<%= item.value %>">',
|
||||
'<a tabindex="-1" type="menuitem" langval="<%= item.value %>">',
|
||||
'<i class="icon <% if (item.spellcheck) { %> toolbar__icon btn-ic-docspell spellcheck-lang <% } %>"></i>',
|
||||
'<%= scope.getDisplayValue(item) %>',
|
||||
'</a>',
|
||||
|
|
@ -137,7 +137,7 @@ define([
|
|||
|
||||
onLangSelect: function(cmb, rec, e) {
|
||||
cmb.$el.find('.input-icon').toggleClass('spellcheck-lang', rec && rec.spellcheck);
|
||||
cmb._input.css('padding-left', rec && rec.spellcheck ? 25 : 3);
|
||||
cmb._input.css(Common.UI.isRTL() ? 'padding-right' : 'padding-left', rec && rec.spellcheck ? 25 : 3);
|
||||
},
|
||||
|
||||
onPrimary: function() {
|
||||
|
|
|
|||
|
|
@ -64,6 +64,7 @@ define([
|
|||
height: 261,
|
||||
style: 'min-width: 240px;',
|
||||
cls: 'modal-dlg',
|
||||
id: 'window-list-settings',
|
||||
split: false,
|
||||
buttons: ['ok', 'cancel']
|
||||
},
|
||||
|
|
@ -78,35 +79,35 @@ define([
|
|||
this.template = [
|
||||
'<div class="box">',
|
||||
'<div style="margin-bottom: 16px;">',
|
||||
'<button type="button" class="btn btn-text-default auto" id="id-dlg-list-bullet" style="border-top-right-radius: 0;border-bottom-right-radius: 0;">', this.textBulleted,'</button>',
|
||||
'<button type="button" class="btn btn-text-default auto" id="id-dlg-list-numbering" style="border-top-left-radius: 0;border-bottom-left-radius: 0;border-left-width: 0;margin-left: -1px;">', this.textNumbering,'</button>',
|
||||
'<button type="button" class="btn btn-text-default auto" id="id-dlg-list-bullet">', this.textBulleted,'</button>',
|
||||
'<button type="button" class="btn btn-text-default auto" id="id-dlg-list-numbering">', this.textNumbering,'</button>',
|
||||
'</div>',
|
||||
'<div style="height:120px;">',
|
||||
'<table cols="3">',
|
||||
'<tr>',
|
||||
'<td style="padding-right: 5px;padding-bottom: 8px;min-width: 50px;">',
|
||||
'<td class="padding-right" style="padding-bottom: 8px;min-width: 50px;">',
|
||||
'<label class="text">' + this.txtType + '</label>',
|
||||
'</td>',
|
||||
'<td style="padding-right: 5px;padding-bottom: 8px;width: 105px;">',
|
||||
'<td class="padding-right" style="padding-bottom: 8px;width: 105px;">',
|
||||
'<div id="id-dlg-list-numbering-format" class="input-group-nr" style="width: 105px;"></div>',
|
||||
'<div id="id-dlg-list-bullet-format" class="input-group-nr" style="width: 105px;"></div>',
|
||||
'</td>',
|
||||
'<td style="padding-bottom: 8px;"></td>',
|
||||
'</tr>',
|
||||
'<tr class="image">',
|
||||
'<td style="padding-right: 5px;padding-bottom: 8px;min-width: 50px;">',
|
||||
'<td class="padding-right" style="padding-bottom: 8px;min-width: 50px;">',
|
||||
'<label class="text">' + this.txtImport + '</label>',
|
||||
'</td>',
|
||||
'<td style="padding-right: 5px;padding-bottom: 8px;width: 105px;">',
|
||||
'<td class="padding-right" style="padding-bottom: 8px;width: 105px;">',
|
||||
'<div id="id-dlg-list-image" style="width: 105px;"></div>',
|
||||
'</td>',
|
||||
'<td style="padding-bottom: 8px;"></td>',
|
||||
'</tr>',
|
||||
'<tr>',
|
||||
'<td style="padding-right: 5px;padding-bottom: 8px;min-width: 50px;">',
|
||||
'<td class="padding-right" style="padding-bottom: 8px;min-width: 50px;">',
|
||||
'<label class="text">' + this.txtSize + '</label>',
|
||||
'</td>',
|
||||
'<td style="padding-right: 5px;padding-bottom: 8px;width: 105px;">',
|
||||
'<td class="padding-right" style="padding-bottom: 8px;width: 105px;">',
|
||||
'<div id="id-dlg-list-size"></div>',
|
||||
'</td>',
|
||||
'<td style="padding-bottom: 8px;">',
|
||||
|
|
@ -114,19 +115,19 @@ define([
|
|||
'</td>',
|
||||
'</tr>',
|
||||
'<tr class="numbering">',
|
||||
'<td style="padding-right: 5px;padding-bottom: 8px;min-width: 50px;">',
|
||||
'<td class="padding-right" style="padding-bottom: 8px;min-width: 50px;">',
|
||||
'<label class="text" style="white-space: nowrap;">' + this.txtStart + '</label>',
|
||||
'</td>',
|
||||
'<td style="padding-right: 5px;padding-bottom: 8px;width: 105px;">',
|
||||
'<td class="padding-right" style="padding-bottom: 8px;width: 105px;">',
|
||||
'<div id="id-dlg-list-start"></div>',
|
||||
'</td>',
|
||||
'<td style="padding-bottom: 8px;"></td>',
|
||||
'</tr>',
|
||||
'<tr class="color">',
|
||||
'<td style="padding-right: 5px;padding-bottom: 8px;min-width: 50px;">',
|
||||
'<td class="padding-right" style="padding-bottom: 8px;min-width: 50px;">',
|
||||
'<label class="text">' + this.txtColor + '</label>',
|
||||
'</td>',
|
||||
'<td style="padding-right: 5px;padding-bottom: 8px;width: 105px;">',
|
||||
'<td class="padding-right" style="padding-bottom: 8px;width: 105px;">',
|
||||
'<div id="id-dlg-list-color"></div>',
|
||||
'</td>',
|
||||
'<td style="padding-bottom: 8px;"></td>',
|
||||
|
|
|
|||
|
|
@ -411,17 +411,17 @@ define([
|
|||
this.template = [
|
||||
'<div class="box">',
|
||||
'<div style="margin-bottom: 16px;" class="'+ (this.special ? '' : 'hidden') +'">',
|
||||
'<button type="button" class="btn btn-text-default auto" id="symbol-table-symbols" style="border-top-right-radius: 0;border-bottom-right-radius: 0;">', this.textSymbols,'</button>',
|
||||
'<button type="button" class="btn btn-text-default auto" id="symbol-table-special" style="border-top-left-radius: 0;border-bottom-left-radius: 0;border-left-width: 0;margin-left: -1px;">', this.textSpecial,'</button>',
|
||||
'<button type="button" class="btn btn-text-default auto" id="symbol-table-symbols">', this.textSymbols,'</button>',
|
||||
'<button type="button" class="btn btn-text-default auto" id="symbol-table-special">', this.textSpecial,'</button>',
|
||||
'</div>',
|
||||
'<div id="symbol-table-pnl-symbols">',
|
||||
'<table cols="2" style="width: 100%;max-width: 497px;">',
|
||||
'<tr>',
|
||||
'<td style="padding-right: 5px;padding-bottom: 8px;width: 50%;">',
|
||||
'<td class="padding-right" style="padding-bottom: 8px;width: 50%;">',
|
||||
'<label class="input-label">' + this.textFont + '</label>',
|
||||
'<div id="symbol-table-cmb-fonts"></div>',
|
||||
'</td>',
|
||||
'<td style="padding-left: 5px;padding-bottom: 8px;">',
|
||||
'<td class="padding-left" style="padding-bottom: 8px;">',
|
||||
'<label class="input-label">' + this.textRange + '</label>',
|
||||
'<div id="symbol-table-cmb-range"></div>',
|
||||
'</td>',
|
||||
|
|
@ -450,17 +450,17 @@ define([
|
|||
'</table>',
|
||||
'<table cols="2" style="width: 100%;max-width: 497px;">',
|
||||
'<tr>',
|
||||
'<td style="padding-right: 5px; width: 50%;">',
|
||||
'<td class="padding-right" style="width: 50%;">',
|
||||
'<label class="input-label">' + this.textCode + '</label>',
|
||||
'</td>',
|
||||
'<td style="padding-left: 5px;">',
|
||||
'<td class="padding-left">',
|
||||
'</td>',
|
||||
'</tr>',
|
||||
'<tr>',
|
||||
'<td style="padding-right: 5px;">',
|
||||
'<td class="padding-right">',
|
||||
'<div id="symbol-table-text-code" oo_editor_input="true"></div>',
|
||||
'</td>',
|
||||
'<td style="padding-left: 5px;">',
|
||||
'<td class="padding-left">',
|
||||
'<div id="symbol-table-label-font" style="overflow: hidden; text-overflow: ellipsis;white-space: nowrap;max-width: 160px;"></div>',
|
||||
'</td>',
|
||||
'</tr>',
|
||||
|
|
@ -471,7 +471,7 @@ define([
|
|||
'<tr>',
|
||||
'<td>',
|
||||
'<label>' + this.textCharacter + '</label>',
|
||||
'<label id="symbol-table-lbl-shortcut" style="float: right; width: 107px;">' + this.textShortcut + '</label>',
|
||||
'<label id="symbol-table-lbl-shortcut" style="width: 107px;">' + this.textShortcut + '</label>',
|
||||
'</td>',
|
||||
'</tr>',
|
||||
'<tr>',
|
||||
|
|
@ -1093,7 +1093,7 @@ define([
|
|||
oCell.css('border-bottom', 'none');
|
||||
oRecentsDiv.append(oCell);
|
||||
if(i === (nCols - 1)){
|
||||
oCell.css('border-right', 'none');
|
||||
oCell.css(Common.UI.isRTL() ? 'border-left' : 'border-right', 'none');
|
||||
}
|
||||
}
|
||||
},
|
||||
|
|
|
|||
|
|
@ -22,6 +22,11 @@
|
|||
line-height: normal;
|
||||
height: auto;
|
||||
white-space: normal;
|
||||
|
||||
.rtl & {
|
||||
text-align: right;
|
||||
padding: 9px 12px 9px 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -89,3 +94,52 @@
|
|||
width:44px;
|
||||
height:20px;
|
||||
}
|
||||
|
||||
#window-list-settings {
|
||||
#id-dlg-list-bullet {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
|
||||
.rtl & {
|
||||
.border-radius(@border-radius-small);
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#id-dlg-list-numbering {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
border-left-width: 0;
|
||||
margin-left: -1px;
|
||||
|
||||
.rtl & {
|
||||
border: @scaled-one-px-value solid @border-regular-control;
|
||||
.border-radius(@border-radius-small);
|
||||
margin-left: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-right-width: 0;
|
||||
margin-right: -1px;
|
||||
}
|
||||
}
|
||||
|
||||
.padding-right {
|
||||
padding-right: 5px;
|
||||
|
||||
.rtl & {
|
||||
padding-right: 0;
|
||||
padding-left: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#window-insert-table {
|
||||
.columns-val, .rows-val {
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -260,6 +260,10 @@
|
|||
|
||||
.caret {
|
||||
margin: 0 1px 0 4px;
|
||||
|
||||
.rtl & {
|
||||
margin: 0 4px 0 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -477,6 +481,10 @@
|
|||
|
||||
&.align-left {
|
||||
text-align: left;
|
||||
|
||||
.rtl & {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -532,12 +540,40 @@
|
|||
> .btn {
|
||||
+ .dropdown-toggle {
|
||||
padding: 0 4px 0 3px;
|
||||
|
||||
.rtl & {
|
||||
padding: 0 3px 0 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.rtl & {
|
||||
float: right;
|
||||
}
|
||||
|
||||
&:first-child:not(:last-child):not(.dropdown-toggle) {
|
||||
.rtl & {
|
||||
.border-radius(@border-radius-small);
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .dropdown-toggle:first-child {
|
||||
.inner-box-caret {
|
||||
padding: 0 4px 0 3px;
|
||||
|
||||
.rtl & {
|
||||
padding: 0 3px 0 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .dropdown-toggle:not(first-child) {
|
||||
.rtl & {
|
||||
.border-radius(@border-radius-small);
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -675,6 +711,11 @@
|
|||
border:@scaled-one-px-value solid @border-regular-control;
|
||||
.border-radius(@border-radius-small);
|
||||
|
||||
.rtl & {
|
||||
padding: @scaled-one-px-value-ie @scaled-one-px-value-ie @scaled-one-px-value-ie 11px;
|
||||
padding: @scaled-one-px-value @scaled-one-px-value @scaled-one-px-value 11px ;
|
||||
}
|
||||
|
||||
span:nth-child(1) {
|
||||
float: left;
|
||||
width: 100%;
|
||||
|
|
@ -688,6 +729,11 @@
|
|||
position: absolute;
|
||||
right: 0;
|
||||
top: 2px;
|
||||
|
||||
.rtl & {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&,
|
||||
|
|
@ -713,6 +759,12 @@
|
|||
height: 34px;
|
||||
transform: translate(16px, -9px) rotate(62deg);
|
||||
left: 0;
|
||||
|
||||
.rtl & {
|
||||
left: auto;
|
||||
right: 0;
|
||||
transform: translate(-16px, -9px) rotate(62deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -734,8 +786,20 @@
|
|||
|
||||
// for color button auto color
|
||||
.dropdown-menu {
|
||||
li > a.selected,
|
||||
li > a:hover {
|
||||
li > a {
|
||||
span.color-auto {
|
||||
background-image: none;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin: 1px 7px 0 1px;
|
||||
|
||||
.rtl & {
|
||||
margin: 1px 1px 0 7px;
|
||||
}
|
||||
}
|
||||
|
||||
&.selected,
|
||||
&:hover {
|
||||
span.color-auto {
|
||||
outline: @scaled-one-px-value-ie solid @icon-normal-ie;
|
||||
outline: @scaled-one-px-value solid @icon-normal;
|
||||
|
|
@ -744,6 +808,7 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.btn-options {
|
||||
|
|
@ -862,6 +927,11 @@
|
|||
position: absolute;
|
||||
right: 5px;
|
||||
margin-top: 5px;
|
||||
|
||||
.rtl & {
|
||||
right: auto;
|
||||
left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover:not(.disabled),
|
||||
|
|
@ -904,6 +974,12 @@
|
|||
|
||||
&:not(.dropdown-toggle) {
|
||||
border-right: none;
|
||||
|
||||
.rtl & {
|
||||
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
|
||||
border: @scaled-one-px-value solid @border-regular-control;
|
||||
border-left: none;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover:not(.disabled),
|
||||
|
|
@ -1004,6 +1080,11 @@
|
|||
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
|
||||
border: @scaled-one-px-value solid @border-regular-control;
|
||||
position: relative;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
&.sheet-template-table {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -6,6 +6,11 @@
|
|||
position: relative;
|
||||
min-height: 1em;
|
||||
|
||||
.rtl & {
|
||||
padding-left: 0;
|
||||
padding-right: 22px;
|
||||
}
|
||||
|
||||
input[type=checkbox] {
|
||||
display: none;
|
||||
|
||||
|
|
@ -21,6 +26,11 @@
|
|||
left: 0;
|
||||
margin-top: auto;
|
||||
|
||||
.rtl & {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
+ span {
|
||||
outline: @scaled-one-px-value-ie dotted transparent;
|
||||
outline: @scaled-one-px-value dotted transparent;
|
||||
|
|
|
|||
|
|
@ -14,6 +14,11 @@
|
|||
li {
|
||||
a {
|
||||
white-space: normal;
|
||||
padding: 2px 0 2px 10px;
|
||||
|
||||
.rtl & {
|
||||
padding: 2px 10px 2px 0;
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
|
|
@ -28,6 +33,7 @@
|
|||
height:20px;
|
||||
background-color: transparent;
|
||||
image-rendering: pixelated;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -61,6 +67,16 @@
|
|||
background-image: ~"url(@{common-image-const-path}/combo-border-size/BorderSize@2x.png)";
|
||||
}
|
||||
}
|
||||
|
||||
&.combo-border-type {
|
||||
.rtl & li img {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.combo-border-type) .dropdown-menu li a {
|
||||
padding: 5px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.combo-color {
|
||||
|
|
|
|||
|
|
@ -15,6 +15,10 @@
|
|||
background-color: @background-normal-ie;
|
||||
background-color: @background-normal;
|
||||
|
||||
.rtl & {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.dataview {
|
||||
padding: 1px;
|
||||
}
|
||||
|
|
@ -24,6 +28,10 @@
|
|||
display: inline-block;
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius:0 @border-radius-small @border-radius-small 0;
|
||||
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
|
||||
|
|
@ -31,6 +39,10 @@
|
|||
background-color: @background-normal-ie;
|
||||
background-color: @background-normal;
|
||||
|
||||
.rtl & {
|
||||
border-radius:@border-radius-small 0 0 @border-radius-small;
|
||||
}
|
||||
|
||||
&.dropdown-toggle {
|
||||
.inner-box-caret {
|
||||
padding: 0 1px 0 0;
|
||||
|
|
@ -101,6 +113,16 @@
|
|||
|
||||
.border-left-radius(0);
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
padding-right: 0;
|
||||
margin-left: -@combo-dataview-button-width;
|
||||
padding-left: @combo-dataview-button-width;
|
||||
|
||||
.border-radius(@border-radius-small);
|
||||
.border-right-radius(0);
|
||||
}
|
||||
|
||||
.dataview {
|
||||
@minus-px: calc(-1px / @pixel-ratio-factor);
|
||||
height: @combo-dataview-height;
|
||||
|
|
@ -243,6 +265,13 @@
|
|||
margin-right: -@combo-dataview-button-width;
|
||||
padding-right: @combo-dataview-button-width;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
padding-right: 0;
|
||||
margin-left: -@combo-dataview-button-width;
|
||||
padding-left: @combo-dataview-button-width;
|
||||
}
|
||||
|
||||
.dataview {
|
||||
padding: 2px;
|
||||
}
|
||||
|
|
@ -281,6 +310,13 @@
|
|||
.view {
|
||||
margin-right: -@combo-dataview-button-width;
|
||||
padding-right: @combo-dataview-button-width;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
padding-right: 0;
|
||||
margin-left: -@combo-dataview-button-width;
|
||||
padding-left: @combo-dataview-button-width;
|
||||
}
|
||||
}
|
||||
|
||||
.button {
|
||||
|
|
@ -291,6 +327,10 @@
|
|||
.item {
|
||||
margin: @combo-dataview-item-margins 0 @combo-dataview-item-margins @combo-dataview-item-margins;
|
||||
.box-shadow(none);
|
||||
|
||||
.rtl & {
|
||||
margin: @combo-dataview-item-margins @combo-dataview-item-margins @combo-dataview-item-margins 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
|
|
@ -337,6 +377,11 @@
|
|||
margin-left: 4px;
|
||||
.box-shadow(0 0 0 @scaled-one-px-value-ie @border-regular-control-ie);
|
||||
.box-shadow(0 0 0 @scaled-one-px-value @border-regular-control);
|
||||
|
||||
.rtl & {
|
||||
margin: 2px 0 2px 2px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
|
|
@ -361,6 +406,11 @@
|
|||
position: absolute;
|
||||
padding-right: 12px;
|
||||
|
||||
.rtl & {
|
||||
padding-right: 0;
|
||||
padding-left: 12px;
|
||||
}
|
||||
|
||||
.more-container & {
|
||||
position: static;
|
||||
}
|
||||
|
|
@ -390,6 +440,11 @@
|
|||
.group-description {
|
||||
padding: 3px 0 3px 10px;
|
||||
.font-weight-bold();
|
||||
|
||||
.rtl & {
|
||||
padding: 3px 10px 3px 0;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -412,6 +467,13 @@
|
|||
.view {
|
||||
margin-right: -@combo-dataview-button-width;
|
||||
padding-right: calc(@combo-dataview-button-width - @scaled-one-px-value);
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
padding-right: 0;
|
||||
margin-left: -@combo-dataview-button-width;
|
||||
padding-left: calc(@combo-dataview-button-width - @scaled-one-px-value);
|
||||
}
|
||||
}
|
||||
|
||||
.view .dataview, .dropdown-menu {
|
||||
|
|
|
|||
|
|
@ -17,11 +17,28 @@
|
|||
|
||||
border-top-right-radius: 2px !important;
|
||||
border-bottom-right-radius: 2px !important;
|
||||
|
||||
.rtl & {
|
||||
border-top-left-radius: 2px !important;
|
||||
border-bottom-left-radius: 2px !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.input-group-nr > .btn {
|
||||
.rtl & {
|
||||
border-top-right-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.input-group-nr > .form-control {
|
||||
padding-right: 7px + 2 * @padding-base-horizontal;
|
||||
.font-size-normal();
|
||||
|
||||
.rtl & {
|
||||
padding-right: 3px;
|
||||
padding-left: 7px + 2 * @padding-base-horizontal;
|
||||
}
|
||||
}
|
||||
|
||||
.form-control {
|
||||
|
|
@ -40,6 +57,12 @@
|
|||
line-height: 20px;
|
||||
padding-left: 2px;
|
||||
}
|
||||
|
||||
.rtl & {
|
||||
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
|
||||
border: @scaled-one-px-value solid @border-regular-control;
|
||||
border-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
|
|
@ -53,6 +76,16 @@
|
|||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
||||
.rtl & {
|
||||
border: @scaled-one-px-value-ie solid;
|
||||
border: @scaled-one-px-value solid;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-right: 0;
|
||||
right: unset;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-default:not(.disabled),
|
||||
|
|
@ -62,6 +95,11 @@
|
|||
border-color: @border-regular-control-ie;
|
||||
border-color: @border-regular-control;
|
||||
padding-right: 5px;
|
||||
|
||||
.rtl & {
|
||||
padding-right: 3px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-default.disabled {
|
||||
|
|
@ -69,6 +107,11 @@
|
|||
border-top-color: transparent;
|
||||
border-bottom-color: transparent;
|
||||
|
||||
.rtl & {
|
||||
border-left-color: @border-regular-control-ie;
|
||||
border-left-color: @border-regular-control;
|
||||
}
|
||||
|
||||
&:hover, &:focus {
|
||||
background-color: transparent;
|
||||
border-right-color: @border-regular-control-ie;
|
||||
|
|
@ -178,6 +221,10 @@
|
|||
|
||||
.dropdown-menu.menu-absolute {
|
||||
position: fixed;
|
||||
|
||||
.rtl & {
|
||||
right: unset;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu.show-top {
|
||||
|
|
@ -192,6 +239,57 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.combobox-icons {
|
||||
.form-control {
|
||||
padding:2px 0 2px 3px;
|
||||
display: block;
|
||||
div {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
li a {
|
||||
padding: 5px;
|
||||
img {
|
||||
width:16px;
|
||||
height:16px;
|
||||
margin-right: 5px;
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.combobox-color {
|
||||
.form-control {
|
||||
display: block;
|
||||
padding: 2px 14px 2px 3px;
|
||||
|
||||
div {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.rtl & {
|
||||
padding: 2px 3px 2px 14px;
|
||||
}
|
||||
}
|
||||
li a {
|
||||
padding: 5px;
|
||||
|
||||
div {
|
||||
height: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.open > .combobox.combo-dataview-menu {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
@ -273,6 +315,12 @@
|
|||
top: 0;
|
||||
margin: 11px 21px 10px 10px;
|
||||
height: 20px;
|
||||
|
||||
.rtl & {
|
||||
right: unset;
|
||||
left: 0;
|
||||
margin: 11px 10px 10px 21px;
|
||||
}
|
||||
}
|
||||
|
||||
.btns-reply-ct {
|
||||
|
|
@ -281,6 +329,11 @@
|
|||
top: 0;
|
||||
height: 30px;
|
||||
margin-top: 11px;
|
||||
|
||||
.rtl & {
|
||||
right: unset;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.reply-item-ct {
|
||||
|
|
@ -292,6 +345,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 {
|
||||
|
|
@ -299,6 +356,10 @@
|
|||
height: 16px;
|
||||
margin: 0 0 0 5px;
|
||||
background-color: transparent;
|
||||
|
||||
.rtl & {
|
||||
margin: 0 5px 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.icon-resolve {
|
||||
|
|
|
|||
|
|
@ -57,6 +57,11 @@ label {
|
|||
.tool-menu-btns {
|
||||
border-right: @scaled-one-px-value-ie solid @border-toolbar-ie;
|
||||
border-right: @scaled-one-px-value solid @border-toolbar;
|
||||
|
||||
.rtl & {
|
||||
border-left: @scaled-one-px-value solid @border-toolbar;
|
||||
border-right: 0 none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -69,6 +74,14 @@ label {
|
|||
background-color: @background-toolbar;
|
||||
right: 0;
|
||||
overflow: hidden;
|
||||
|
||||
.rtl & {
|
||||
left: 0;
|
||||
right: auto;
|
||||
|
||||
border-right: @scaled-one-px-value solid @border-toolbar;
|
||||
border-left: 0 none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -91,6 +104,13 @@ label {
|
|||
border-right: @scaled-one-px-value-ie solid @border-toolbar-ie;
|
||||
border-right: @scaled-one-px-value solid @border-toolbar;
|
||||
|
||||
.rtl & {
|
||||
padding-right: 40px;
|
||||
padding-left: 0;
|
||||
border-left: @scaled-one-px-value solid @border-toolbar;
|
||||
border-right: 0 none;
|
||||
}
|
||||
|
||||
#left-panel-chat {
|
||||
height: 100%;
|
||||
}
|
||||
|
|
@ -114,6 +134,11 @@ label {
|
|||
border-left: @scaled-one-px-value-ie solid @border-toolbar-ie;
|
||||
border-left: @scaled-one-px-value solid @border-toolbar;
|
||||
line-height: 15px;
|
||||
|
||||
.rtl & {
|
||||
border-right: @scaled-one-px-value solid @border-toolbar;
|
||||
border-left: 0 none;
|
||||
}
|
||||
}
|
||||
|
||||
.statusbar {
|
||||
|
|
@ -146,6 +171,13 @@ label {
|
|||
border-right: @scaled-one-px-value solid @border-toolbar;
|
||||
background-color: @background-toolbar-ie;
|
||||
background-color: @background-toolbar;
|
||||
|
||||
.rtl & {
|
||||
float: right;
|
||||
border-right: none;
|
||||
border-left: @scaled-one-px-value-ie solid @border-toolbar-ie;
|
||||
border-left: @scaled-one-px-value solid @border-toolbar;
|
||||
}
|
||||
}
|
||||
|
||||
.flex-settings {
|
||||
|
|
@ -229,6 +261,11 @@ label {
|
|||
color: @text-normal-ie;
|
||||
color: @text-normal;
|
||||
}
|
||||
|
||||
.rtl & {
|
||||
left: unset;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
textarea {
|
||||
|
|
@ -298,7 +335,32 @@ body {
|
|||
&.pixel-ratio__1_75 {
|
||||
image-rendering: crisp-edges; // FF only
|
||||
}
|
||||
|
||||
font-family: @font-family-sans-serif;
|
||||
font-family: @font-family-base;
|
||||
}
|
||||
|
||||
.rtl .ps-scrollbar-y-rail {
|
||||
right: unset !important;
|
||||
left: 1px !important;
|
||||
.ps-scrollbar-y {
|
||||
left: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-margins {
|
||||
.margin-vertical {
|
||||
display: inline-block;
|
||||
margin-right: 20px;
|
||||
min-width: 80px;
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
.margin-horizontal {
|
||||
display: inline-block;
|
||||
}
|
||||
label {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
|
@ -27,6 +27,10 @@
|
|||
.box-shadow(0 0 0 @scaled-one-px-value-ie @border-regular-control-ie);
|
||||
.box-shadow(0 0 0 @scaled-one-px-value @border-regular-control);
|
||||
|
||||
.rtl & {
|
||||
float: right;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&.selected {
|
||||
.box-shadow(0 0 0 2px @border-preview-select-ie);
|
||||
|
|
@ -42,10 +46,25 @@
|
|||
clear: left;
|
||||
overflow: hidden;
|
||||
|
||||
.rtl & {
|
||||
clear: right;
|
||||
}
|
||||
|
||||
&.inline {
|
||||
display: inline-block;
|
||||
|
||||
.rtl & {
|
||||
float: right;
|
||||
clear: none;
|
||||
}
|
||||
|
||||
&.margin .group-items-container {
|
||||
margin-right: 20px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -62,6 +81,10 @@
|
|||
float: left;
|
||||
margin: 2px 4px 4px;
|
||||
|
||||
.rtl & {
|
||||
float: right;
|
||||
}
|
||||
|
||||
&:not(.disabled) {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
|
@ -99,9 +122,20 @@
|
|||
.menu-insert-shape, .menu-change-shape {
|
||||
width: 362px;
|
||||
padding: 10px 5px 10px 10px !important;
|
||||
|
||||
.rtl & {
|
||||
padding: 10px 10px 10px 5px !important;
|
||||
}
|
||||
|
||||
.group-description {
|
||||
padding: 3px 0 3px 4px;
|
||||
|
||||
.rtl & {
|
||||
padding: 3px 4px 3px 0;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.dataview .grouped-data .group-items-container .item {
|
||||
box-shadow: none;
|
||||
margin: 2px 2px 2px;
|
||||
|
|
|
|||
|
|
@ -53,6 +53,10 @@
|
|||
background-color: @highlight-button-hover-ie;
|
||||
background-color: @highlight-button-hover;
|
||||
}
|
||||
|
||||
.rtl & {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
&.over > a {
|
||||
|
|
@ -77,6 +81,12 @@
|
|||
float: left;
|
||||
margin-left: -18px;
|
||||
background-position: @menu-check-offset-x @menu-check-offset-y;
|
||||
|
||||
.rtl & {
|
||||
float: right;
|
||||
margin-left: 0;
|
||||
margin-right: -18px;
|
||||
}
|
||||
}
|
||||
&.custom-scale:before {
|
||||
margin-top: 3px;
|
||||
|
|
@ -96,6 +106,11 @@
|
|||
margin: -2px 5px 0 -15px;
|
||||
background-repeat: no-repeat;
|
||||
opacity: @component-normal-icon-opacity;
|
||||
|
||||
.rtl & {
|
||||
float: right;
|
||||
margin: -2px -15px 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.no-checkmark.checked {
|
||||
|
|
@ -138,9 +153,16 @@
|
|||
li {
|
||||
& > a {
|
||||
padding-left: 28px;
|
||||
.rtl & {
|
||||
padding-left: 20px;
|
||||
padding-right: 28px;
|
||||
}
|
||||
}
|
||||
.menu-item-icon {
|
||||
margin: -2px 0 0 -24px;
|
||||
.rtl & {
|
||||
margin: -2px -24px 0 0;
|
||||
}
|
||||
}
|
||||
.checked:not(.no-checkmark):before {
|
||||
margin-left: -22px;
|
||||
|
|
|
|||
|
|
@ -8,6 +8,10 @@
|
|||
margin-left: -1px;
|
||||
border-radius:@border-radius-base;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 1px;
|
||||
}
|
||||
|
||||
&.pull-right {
|
||||
right: 100%;
|
||||
left: auto;
|
||||
|
|
@ -27,6 +31,16 @@
|
|||
border-left-color: @icon-normal;
|
||||
margin-top: 5px;
|
||||
margin-right: -7px;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
margin-right: 0;
|
||||
margin-left: -7px;
|
||||
border-color: transparent;
|
||||
border-width: 3px 3px 3px 0;
|
||||
border-right-color: @icon-normal-ie;
|
||||
border-right-color: @icon-normal;
|
||||
}
|
||||
}
|
||||
|
||||
&.over:not(.disabled) > .dropdown-menu {
|
||||
|
|
|
|||
|
|
@ -57,6 +57,10 @@
|
|||
&:before {
|
||||
height: 64px;
|
||||
transform: translate(29px, -22px) rotate(73deg);
|
||||
|
||||
.rtl & {
|
||||
transform: translate(-29px, -22px) rotate(73deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -78,4 +82,13 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.color-preview {
|
||||
margin-left: 15px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -82,6 +82,12 @@
|
|||
margin-left: calc(-4px - @scaled-one-px-value);
|
||||
position: absolute;
|
||||
background-position: -168px -200px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: -4px;
|
||||
margin-right: calc(-3px - @scaled-one-px-value);
|
||||
}
|
||||
}
|
||||
|
||||
.empty-color {
|
||||
|
|
|
|||
|
|
@ -50,6 +50,11 @@
|
|||
height: 16px;
|
||||
background-position: @input-error-offset-x @input-error-offset-y;
|
||||
filter: none;
|
||||
|
||||
.rtl & {
|
||||
right: unset;
|
||||
left: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -58,6 +63,10 @@
|
|||
.input-error {
|
||||
float: left;
|
||||
position: relative;
|
||||
|
||||
.rtl & {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
&.form-control:focus,
|
||||
|
|
@ -138,14 +147,30 @@ textarea.form-control:focus {
|
|||
height: 20px;
|
||||
height: calc(22px - @scaled-one-px-value * 2);
|
||||
}
|
||||
|
||||
.rtl & {
|
||||
right: unset;
|
||||
left: @scaled-one-px-value-ie;
|
||||
left: @scaled-one-px-value;
|
||||
}
|
||||
}
|
||||
|
||||
.input-error {
|
||||
&:before {
|
||||
right: 22px;
|
||||
|
||||
.rtl & {
|
||||
right: unset;
|
||||
left: 22px;
|
||||
}
|
||||
}
|
||||
}
|
||||
input {
|
||||
padding-right: 20px;
|
||||
|
||||
.rtl & {
|
||||
padding-right: 3px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -8,6 +8,9 @@
|
|||
li {
|
||||
.icon.spellcheck-lang {
|
||||
margin: -3px 4px 0 -24px;
|
||||
.rtl & {
|
||||
margin: -3px -24px 0 4px;
|
||||
}
|
||||
}
|
||||
|
||||
&.selected, a.checked {
|
||||
|
|
@ -39,6 +42,13 @@ li {
|
|||
li .icon.lang-flag {
|
||||
margin-top: 1px;
|
||||
}
|
||||
li a {
|
||||
padding-left: 28px !important;
|
||||
.rtl & {
|
||||
padding-left: 0 !important;
|
||||
padding-right: 28px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.input-icon {
|
||||
|
|
@ -46,10 +56,18 @@ li {
|
|||
&.spellcheck-lang { // spell check indicator
|
||||
left: 2px;
|
||||
top: 1px;
|
||||
.rtl & {
|
||||
left: auto;
|
||||
right: 2px;
|
||||
}
|
||||
}
|
||||
&.lang-flag { // language flags
|
||||
left: 5px;
|
||||
top: 5px;
|
||||
.rtl & {
|
||||
left: auto;
|
||||
right: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,6 +10,12 @@
|
|||
|
||||
svg {
|
||||
margin-right: 8px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.rb-circle {
|
||||
fill: @background-normal-ie;
|
||||
fill: @background-normal;
|
||||
|
|
|
|||
|
|
@ -132,6 +132,10 @@
|
|||
|
||||
#search-btn-close {
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -167,6 +171,11 @@
|
|||
.search-nav-btns {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
|
||||
div {
|
||||
display: inline-block;
|
||||
}
|
||||
|
|
@ -197,6 +206,11 @@
|
|||
cursor: pointer;
|
||||
margin-left: 15px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.search-options-txt {
|
||||
display: inline-block;
|
||||
padding: 5px 0;
|
||||
|
|
@ -211,6 +225,13 @@
|
|||
left: 0;
|
||||
cursor: pointer;
|
||||
margin-left: 8px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 8px;
|
||||
left: unset;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -231,6 +252,10 @@
|
|||
}
|
||||
.search-options-caret {
|
||||
transform: rotate(270deg);
|
||||
|
||||
.rtl & {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -15,6 +15,12 @@
|
|||
padding: 0;
|
||||
width: 0;
|
||||
|
||||
.rtl & {
|
||||
border-left: none;
|
||||
border-right: @scaled-one-px-value-ie solid @border-divider-ie;
|
||||
border-right: @scaled-one-px-value solid @border-divider;
|
||||
}
|
||||
|
||||
&.horizontal {
|
||||
height: 0;
|
||||
display: block;
|
||||
|
|
|
|||
|
|
@ -9,6 +9,12 @@
|
|||
padding-left: 1px;
|
||||
padding-right: @trigger-width + 2px;
|
||||
|
||||
.rtl & {
|
||||
text-align: left;
|
||||
padding-left: @trigger-width + 2px;
|
||||
padding-right: 1px;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
// border-color: @border-preview-select;
|
||||
}
|
||||
|
|
@ -46,6 +52,12 @@
|
|||
border-bottom: @scaled-one-px-value-ie solid transparent;
|
||||
border-bottom: @scaled-one-px-value solid transparent;
|
||||
font-size: 11px; // must be const value
|
||||
|
||||
.rtl & {
|
||||
right: unset;
|
||||
left: 1px;
|
||||
}
|
||||
|
||||
i {
|
||||
display: inline-block;
|
||||
width: 4px;
|
||||
|
|
|
|||
|
|
@ -24,6 +24,12 @@
|
|||
cursor: default;
|
||||
overflow:hidden;
|
||||
display: inline-block;
|
||||
|
||||
.rtl & {
|
||||
border-right: none;
|
||||
border-left: @scaled-one-px-value-ie solid @border-regular-control-ie;
|
||||
border-left: @scaled-one-px-value solid @border-regular-control;
|
||||
}
|
||||
}
|
||||
|
||||
.cell-selected{
|
||||
|
|
@ -58,3 +64,60 @@
|
|||
overflow:hidden;
|
||||
}
|
||||
}
|
||||
|
||||
#symbol-table-symbols {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
|
||||
.rtl & {
|
||||
.border-radius(@border-radius-small);
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#symbol-table-special {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
border-left-width: 0;
|
||||
margin-left: -1px;
|
||||
|
||||
.rtl & {
|
||||
border: @scaled-one-px-value solid @border-regular-control;
|
||||
.border-radius(@border-radius-small);
|
||||
margin-left: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-right-width: 0;
|
||||
margin-right: -1px;
|
||||
}
|
||||
}
|
||||
|
||||
#symbol-table-pnl-symbols {
|
||||
.padding-right {
|
||||
padding-right: 5px;
|
||||
|
||||
.rtl & {
|
||||
padding-right: 0;
|
||||
padding-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.padding-left {
|
||||
padding-left: 5px;
|
||||
|
||||
.rtl & {
|
||||
padding-left: 0;
|
||||
padding-right: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#symbol-table-lbl-shortcut {
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -32,6 +32,10 @@
|
|||
outline: 0 none;
|
||||
cursor: pointer;
|
||||
|
||||
.rtl & {
|
||||
float: right;
|
||||
}
|
||||
|
||||
em span {
|
||||
border: @scaled-one-px-value-ie solid @border-color-shading-ie;
|
||||
border: @scaled-one-px-value solid @border-color-shading;
|
||||
|
|
@ -66,10 +70,48 @@
|
|||
}
|
||||
}
|
||||
|
||||
.palette-inner {
|
||||
padding: 4px 0 0 12px;
|
||||
.rtl & {
|
||||
padding: 4px 12px 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.palette-color-caption {
|
||||
width:100%;
|
||||
float:left;
|
||||
.font-size-normal();
|
||||
.rtl & {
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.palette-color-spacer {
|
||||
width: 100%;
|
||||
height: 8px;
|
||||
float: left;
|
||||
.rtl & {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.palette-color-dynamiccolors {
|
||||
padding: 4px 0 0 12px;
|
||||
.rtl & {
|
||||
padding: 4px 12px 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.divider {
|
||||
width: 100%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.color-divider {
|
||||
width:100%;
|
||||
height:0;
|
||||
float:left;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -169,6 +169,11 @@
|
|||
&:after {
|
||||
transform: rotate(135deg);
|
||||
margin-left: 8px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.right{
|
||||
|
|
@ -178,6 +183,11 @@
|
|||
&:after {
|
||||
transform: rotate(-45deg);
|
||||
margin-left: 4px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -211,6 +221,11 @@
|
|||
-ms-flex: 1;
|
||||
padding-right: 6px;
|
||||
|
||||
.rtl & {
|
||||
padding-right: 0;
|
||||
padding-left: 6px;
|
||||
}
|
||||
|
||||
.panel:not(.active) {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -245,6 +260,9 @@
|
|||
padding: 12px 10px 7px 0;
|
||||
border-radius: 0;
|
||||
z-index:999;
|
||||
.rtl & {
|
||||
padding: 12px 0 7px 10px;
|
||||
}
|
||||
.compactwidth {
|
||||
.btn-group, .btn-toolbar {
|
||||
&.x-huge {
|
||||
|
|
@ -280,6 +298,18 @@
|
|||
.more-box {
|
||||
background-color: @background-toolbar-ie;
|
||||
background-color: @background-toolbar;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
padding-left: 12px;
|
||||
padding-right: 6px;
|
||||
display: none;
|
||||
|
||||
.rtl & {
|
||||
right: unset;
|
||||
left: 0;
|
||||
padding-left: 6px;
|
||||
padding-right: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
background-color: @background-toolbar-ie;
|
||||
|
|
@ -296,11 +326,26 @@
|
|||
padding-left: 6px;
|
||||
font-size: 0;
|
||||
|
||||
.rtl & {
|
||||
padding-left: 0;
|
||||
padding-right: 6px;
|
||||
}
|
||||
|
||||
&.small {
|
||||
padding-left: 10px;
|
||||
|
||||
.rtl & {
|
||||
padding-left: 0;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
+ .separator:not(.invisible) {
|
||||
margin-left: 10px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -695,6 +740,10 @@
|
|||
height: 46px;
|
||||
.view {
|
||||
padding-right: 14px;
|
||||
.rtl & {
|
||||
padding-right: 0;
|
||||
padding-left: 14px;
|
||||
}
|
||||
}
|
||||
.dataview.field-picker {
|
||||
height: 100%;
|
||||
|
|
@ -769,13 +818,27 @@
|
|||
.menu-insertchart {
|
||||
margin: 5px 5px 0 10px;
|
||||
|
||||
.rtl & {
|
||||
margin: 5px 10px 0 5px;
|
||||
}
|
||||
|
||||
.group-description {
|
||||
padding-left: 4px;
|
||||
|
||||
.rtl & {
|
||||
padding: 0;
|
||||
padding-right: 4px;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.group-items-container {
|
||||
float: left;
|
||||
position: relative;
|
||||
|
||||
.rtl & {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -800,6 +863,10 @@
|
|||
&.colors {
|
||||
display: inline-block;
|
||||
margin-right: 15px;
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
&.color {
|
||||
|
|
@ -870,8 +937,22 @@
|
|||
.menu-iconsets {
|
||||
margin: 5px 5px 0 10px;
|
||||
|
||||
.rtl & {
|
||||
margin: 5px 10px 0 5px;
|
||||
}
|
||||
|
||||
.group-description {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.group-items-container > div {
|
||||
margin-right: 8px !important;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 4px !important;
|
||||
margin-left: 8px !important;
|
||||
}
|
||||
|
||||
&:not(:hover),
|
||||
&:not(.selected) {
|
||||
.box-shadow(none);
|
||||
|
|
@ -880,6 +961,10 @@
|
|||
.item-iconset {
|
||||
img {
|
||||
margin: 2px;
|
||||
|
||||
.rtl & {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
width: 100px;
|
||||
|
|
|
|||
|
|
@ -79,8 +79,17 @@
|
|||
left: 0;
|
||||
cursor: pointer;
|
||||
|
||||
.rtl & {
|
||||
left: unset;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
&.up {
|
||||
transform: rotate(270deg);
|
||||
|
||||
.rtl & {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -205,6 +205,11 @@
|
|||
.icon {
|
||||
float: left;
|
||||
margin: 0 0 0 10px;
|
||||
|
||||
.rtl & {
|
||||
float: right;
|
||||
margin: 0 10px 0 10px;
|
||||
}
|
||||
}
|
||||
|
||||
min-height: 90px;
|
||||
|
|
@ -215,9 +220,18 @@
|
|||
padding: 20px 20px 20px 10px;
|
||||
height: 50px;
|
||||
|
||||
.rtl & {
|
||||
padding: 20px 10px 20px 20px;
|
||||
}
|
||||
|
||||
.text {
|
||||
padding-left: 60px;
|
||||
|
||||
.rtl & {
|
||||
padding-left: 0;
|
||||
padding-right: 60px;
|
||||
}
|
||||
|
||||
span {
|
||||
.font-size-medium();
|
||||
white-space: nowrap;
|
||||
|
|
@ -256,6 +270,11 @@
|
|||
button {
|
||||
&:not(:first-child) {
|
||||
margin-left: 10px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -314,6 +333,11 @@
|
|||
button {
|
||||
&:not(:first-child) {
|
||||
margin-left: 10px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -442,6 +442,7 @@ define([
|
|||
this.appOptions.canFeatureComparison = true;
|
||||
this.appOptions.canFeatureContentControl = true;
|
||||
this.appOptions.canFeatureForms = !!this.api.asc_isSupportFeature("forms");
|
||||
this.appOptions.uiRtl = Common.localStorage.getBool("ui-rtl");
|
||||
|
||||
this.appOptions.mentionShare = !((typeof (this.appOptions.customization) == 'object') && (this.appOptions.customization.mentionShare==false));
|
||||
|
||||
|
|
|
|||
|
|
@ -220,7 +220,7 @@ define([
|
|||
this.viewport.hlayout.doLayout();
|
||||
break;
|
||||
case 'history':
|
||||
var panel = this.viewport.hlayout.items[1];
|
||||
var panel = this.viewport.hlayout.getItem('history');
|
||||
if (panel.resize.el) {
|
||||
this.boxSdk.css('border-left', '');
|
||||
panel.resize.el.show();
|
||||
|
|
@ -228,7 +228,7 @@ define([
|
|||
this.viewport.hlayout.doLayout();
|
||||
break;
|
||||
case 'leftmenu':
|
||||
var panel = this.viewport.hlayout.items[0];
|
||||
var panel = this.viewport.hlayout.getItem('left');
|
||||
if (panel.resize.el) {
|
||||
if (panel.el.width() > 40) {
|
||||
this.boxSdk.css('border-left', '');
|
||||
|
|
|
|||
|
|
@ -52,9 +52,9 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<div id="headerfooter-button-top-left" style="display: inline-block; margin-right:5px;"></div>
|
||||
<div id="headerfooter-button-top-center" style="display: inline-block; margin-right:5px;"></div>
|
||||
<div id="headerfooter-button-top-right" style="display: inline-block; margin-right:5px;"></div>
|
||||
<div id="headerfooter-button-top-left"></div>
|
||||
<div id="headerfooter-button-top-center"></div>
|
||||
<div id="headerfooter-button-top-right"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
@ -64,9 +64,9 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<div id="headerfooter-button-bottom-left" style="display: inline-block; margin-right:5px;"></div>
|
||||
<div id="headerfooter-button-bottom-center" style="display: inline-block; margin-right:5px;"></div>
|
||||
<div id="headerfooter-button-bottom-right" style="display: inline-block; margin-right:5px;"></div>
|
||||
<div id="headerfooter-button-bottom-left"></div>
|
||||
<div id="headerfooter-button-bottom-center"></div>
|
||||
<div id="headerfooter-button-bottom-right"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
@ -86,9 +86,9 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<div id="headerfooter-radio-prev" style="margin-bottom: 5px;"></div>
|
||||
<div id="headerfooter-radio-from" style="display: inline-block;vertical-align: middle; margin-right: 2px;"></div>
|
||||
<div id="headerfooter-spin-from" style="display: inline-block;vertical-align: middle;"></div>
|
||||
<div id="headerfooter-radio-prev"></div>
|
||||
<div id="headerfooter-radio-from"></div>
|
||||
<div id="headerfooter-spin-from"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="finish-cell"></tr>
|
||||
|
|
|
|||
|
|
@ -41,15 +41,15 @@
|
|||
<td class="padding-small" width="50%">
|
||||
<label class="input-label"><%= scope.textRotate90 %></label>
|
||||
<div>
|
||||
<div id="image-button-270" style="display: inline-block;margin-right: 4px;"></div>
|
||||
<div id="image-button-90" style="display: inline-block;"></div>
|
||||
<div id="image-button-270"></div>
|
||||
<div id="image-button-90"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="padding-small" width="50%">
|
||||
<label class="input-label"><%= scope.textFlip %></label>
|
||||
<div>
|
||||
<div id="image-button-fliph" style="display: inline-block;margin-right: 4px;"></div>
|
||||
<div id="image-button-flipv" style="display: inline-block;"></div>
|
||||
<div id="image-button-fliph"></div>
|
||||
<div id="image-button-flipv"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
|
|||
|
|
@ -41,7 +41,7 @@
|
|||
<td style="vertical-align: bottom; padding-bottom: 19px;">
|
||||
<div id="shape-radio-hsizepc"></div>
|
||||
</td>
|
||||
<td class="padding-large" style="padding-right: 15px;">
|
||||
<td class="padding-large padding-right">
|
||||
<label class="input-label"><%= scope.textRelativeWH %></label>
|
||||
<div id="shape-advanced-spin-width-rel"></div>
|
||||
</td>
|
||||
|
|
@ -68,7 +68,7 @@
|
|||
<td style="vertical-align: bottom; padding-bottom: 19px;">
|
||||
<div id="shape-radio-vsizepc"></div>
|
||||
</td>
|
||||
<td class="padding-large" style="padding-right: 15px;">
|
||||
<td class="padding-large padding-right">
|
||||
<label class="input-label"><%= scope.textRelativeWH %></label>
|
||||
<div id="shape-advanced-spin-height-rel"></div>
|
||||
</td>
|
||||
|
|
@ -94,7 +94,7 @@
|
|||
<div class="inner-content padding-large">
|
||||
<div style="width: 100%;">
|
||||
<label class="input-label"><%= scope.textAngle %></label>
|
||||
<div id="image-advanced-spin-angle" style="display: inline-block; margin-left: 5px;"></div>
|
||||
<div id="image-advanced-spin-angle" style="display: inline-block;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="separator horizontal padding-large"></div>
|
||||
|
|
@ -102,7 +102,7 @@
|
|||
<table cols="2">
|
||||
<tr>
|
||||
<td rowspan="2" class="padding-small" style="vertical-align: top;">
|
||||
<label class="input-label" style="margin-right: 15px;vertical-align: top;"><%= scope.textFlipped %></label>
|
||||
<label class="input-label flipped" style="vertical-align: top;"><%= scope.textFlipped %></label>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<div id="image-advanced-checkbox-hor"></div>
|
||||
|
|
@ -120,14 +120,14 @@
|
|||
<div class="inner-content padding-large">
|
||||
<label class="header padding-small"><%= scope.textWrap %></label>
|
||||
<div class="padding-small">
|
||||
<div id="image-advanced-button-wrap-inline" style="display: inline-block; margin-right:7px;"></div>
|
||||
<div id="image-advanced-button-wrap-square" style="display: inline-block; margin-right:7px;"></div>
|
||||
<div id="image-advanced-button-wrap-tight" style="display: inline-block; margin-right:7px;"></div>
|
||||
<div id="image-advanced-button-wrap-through" style="display: inline-block; margin-right:7px;"></div>
|
||||
<div id="image-advanced-button-wrap-inline" class="margin-right" style="display: inline-block;"></div>
|
||||
<div id="image-advanced-button-wrap-square" class="margin-right" style="display: inline-block;"></div>
|
||||
<div id="image-advanced-button-wrap-tight" class="margin-right" style="display: inline-block;"></div>
|
||||
<div id="image-advanced-button-wrap-through" class="margin-right" style="display: inline-block;"></div>
|
||||
</div>
|
||||
<div class="padding-small">
|
||||
<div id="image-advanced-button-wrap-topbottom" style="display: inline-block; margin-right:7px;"></div>
|
||||
<div id="image-advanced-button-wrap-infront" style="display: inline-block; margin-right:7px;"></div>
|
||||
<div id="image-advanced-button-wrap-topbottom" class="margin-right" style="display: inline-block;"></div>
|
||||
<div id="image-advanced-button-wrap-infront" class="margin-right" style="display: inline-block;"></div>
|
||||
<div id="image-advanced-button-wrap-behind" style="display: inline-block;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -32,11 +32,11 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<div id="mmerge-button-first" style="display: inline-block;margin-right: 4px;"></div>
|
||||
<div id="mmerge-button-prev" style="display: inline-block;margin-right: 4px;"></div>
|
||||
<div id="mmerge-field-num" style="display:inline-block;vertical-align: middle;"></div>
|
||||
<div id="mmerge-button-next" style="display: inline-block;margin-left: 4px;"></div>
|
||||
<div id="mmerge-button-last" style="display: inline-block;margin-left: 4px;"></div>
|
||||
<div id="mmerge-button-first"></div>
|
||||
<div id="mmerge-button-prev"></div>
|
||||
<div id="mmerge-field-num"></div>
|
||||
<div id="mmerge-button-next"></div>
|
||||
<div id="mmerge-button-last"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
@ -62,12 +62,12 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="padding-large">
|
||||
<div id="mmerge-radio-all" style="margin-bottom: 5px;"></div>
|
||||
<div id="mmerge-radio-current" style="margin-bottom: 5px;"></div>
|
||||
<div id="mmerge-radio-from-to" style="display: inline-block;vertical-align: middle; margin-right: 2px;"></div>
|
||||
<div id="mmerge-field-from" style="display: inline-block;vertical-align: middle;"></div>
|
||||
<label style="width: 30px; text-align: right; vertical-align: middle; margin-right: 2px;"><%= scope.textTo %></label>
|
||||
<div id="mmerge-field-to" style="display: inline-block;vertical-align: middle;"></div>
|
||||
<div id="mmerge-radio-all"></div>
|
||||
<div id="mmerge-radio-current"></div>
|
||||
<div id="mmerge-radio-from-to"></div>
|
||||
<div id="mmerge-field-from"></div>
|
||||
<label class="text-to-label"><%= scope.textTo %></label>
|
||||
<div id="mmerge-field-to"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
|
@ -77,7 +77,7 @@
|
|||
<button type="button" class="btn btn-text-default" id="mmerge-button-download" style="width:90px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textDownload %></button>
|
||||
<button type="button" class="btn btn-text-default hidden" id="mmerge-button-merge" style="width:90px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textMerge %></button>
|
||||
</td>
|
||||
<td width="50%" style="text-align: right;">
|
||||
<td class="portal-button" width="50%">
|
||||
<button type="button" class="btn btn-text-default" id="mmerge-button-portal" style="width:90px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textPortal %></button>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
|
|||
|
|
@ -73,7 +73,7 @@
|
|||
<tr class="text-only">
|
||||
<td class="padding-small" colspan=2>
|
||||
<div id="paragraph-color-btn" style="display: inline-block;"></div>
|
||||
<label class="input-label" style="margin-left: 5px;"><%= scope.textBackColor %></label>
|
||||
<label class="input-label margin"><%= scope.textBackColor %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -5,18 +5,18 @@
|
|||
<label class="input-label"><%= scope.textAlign %></label>
|
||||
<div id="paragraphadv-spin-text-alignment"></div>
|
||||
</div>
|
||||
<div class="padding-large text-only" style="float: right;">
|
||||
<div class="padding-large text-only outline-level">
|
||||
<label class="input-label"><%= scope.strIndentsOutlinelevel %></label>
|
||||
<div id="paragraphadv-spin-outline-level"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div><label class="header padding-very-small"><%= scope.strIndent %></label></div>
|
||||
<div>
|
||||
<div class="padding-large" style="display: inline-block;margin-right: 3px;">
|
||||
<div class="padding-large margin-right" style="display: inline-block;">
|
||||
<label class="input-label"><%= scope.strIndentsLeftText %></label>
|
||||
<div id="paragraphadv-spin-indent-left"></div>
|
||||
</div><!--
|
||||
--><div class="padding-large" style="display: inline-block;margin-right: 3px;">
|
||||
--><div class="padding-large margin-right" style="display: inline-block;">
|
||||
<label class="input-label"><%= scope.strIndentsRightText %></label>
|
||||
<div id="paragraphadv-spin-indent-right"></div>
|
||||
</div><!--
|
||||
|
|
@ -25,18 +25,18 @@
|
|||
<label class="input-label"><%= scope.strIndentsSpecial %></label>
|
||||
</div>
|
||||
<div>
|
||||
<div id="paragraphadv-spin-special" style="display: inline-block; margin-right: 3px;"></div><!--
|
||||
<div id="paragraphadv-spin-special" class="margin-right" style="display: inline-block;"></div><!--
|
||||
--><div id="paragraphadv-spin-special-by" style="display: inline-block;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div><label class="header padding-very-small"><%= scope.strSpacing %></label></div>
|
||||
<div>
|
||||
<div style="display: inline-block;margin-right: 3px;">
|
||||
<div class="margin-right" style="display: inline-block;">
|
||||
<label class="input-label"><%= scope.strIndentsSpacingBefore %></label>
|
||||
<div id="paragraphadv-spin-spacing-before"></div>
|
||||
</div><!--
|
||||
--><div style="display: inline-block;margin-right: 3px;">
|
||||
--><div class="margin-right" style="display: inline-block;">
|
||||
<label class="input-label"><%= scope.strIndentsSpacingAfter %></label>
|
||||
<div id="paragraphadv-spin-spacing-after"></div>
|
||||
</div><!--
|
||||
|
|
@ -45,7 +45,7 @@
|
|||
<label class="input-label"><%= scope.strIndentsLineSpacing %></label>
|
||||
</div>
|
||||
<div>
|
||||
<div id="paragraphadv-spin-line-rule" style="display: inline-block;margin-right: 3px;"></div><!--
|
||||
<div id="paragraphadv-spin-line-rule" class="margin-right" style="display: inline-block;"></div><!--
|
||||
--><div id="paragraphadv-spin-line-height" style="display: inline-block;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -92,7 +92,7 @@
|
|||
<div style="width: 100%;" class="padding-small">
|
||||
<label class="input-label"><%= scope.textBorderWidth %></label>
|
||||
<div id="paragraphadv-combo-border-size" style="display: inline-block; vertical-align: middle; width: 93px;"></div>
|
||||
<div style="display: inline-block; vertical-align: middle; padding-left: 20px;">
|
||||
<div class="border-color" style="display: inline-block; vertical-align: middle;">
|
||||
<label class="input-label" ><%= scope.textBorderColor %></label>
|
||||
<div id="paragraphadv-border-color-btn" style="display: inline-block;"></div>
|
||||
</div>
|
||||
|
|
@ -100,7 +100,7 @@
|
|||
<label class="input-label padding-small" style="width: 100%;"><%= scope.textBorderDesc %></label>
|
||||
<div style="width: 100%;" class="padding-large">
|
||||
<div id="id-deparagraphstyler" style="display: inline-block; vertical-align: middle; width: 200px; height: 170px;outline: 1px solid #ccc; margin-top: 2px;"></div>
|
||||
<div style="display: inline-block; vertical-align: top; width: 76px; text-align: right; height: 170px; padding-top: 0px; margin-left: 9px;">
|
||||
<div class="border-types" style="display: inline-block; vertical-align: top; width: 76px; height: 170px; padding-top: 0px;">
|
||||
<div id="paragraphadv-button-border-top" style="display: inline-block;"></div>
|
||||
<div id="paragraphadv-button-border-inner-hor" style="display: inline-block;"></div>
|
||||
<div id="paragraphadv-button-border-bottom" style="display: inline-block;"></div>
|
||||
|
|
@ -112,7 +112,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div style="width: 100%;" class="padding-small">
|
||||
<label class="input-label" style="margin-right: 5px;"><%= scope.textBackColor %></label>
|
||||
<label class="input-label back-color"><%= scope.textBackColor %></label>
|
||||
<div id="paragraphadv-back-color-btn" style="display: inline-block;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -127,7 +127,7 @@
|
|||
<td class="padding-small">
|
||||
<div id="paragraphadv-checkbox-strike"></div>
|
||||
</td>
|
||||
<td class="padding-small" style="padding-left: 40px;">
|
||||
<td class="padding-small padding-left">
|
||||
<div id="paragraphadv-checkbox-subscript"></div>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
@ -135,7 +135,7 @@
|
|||
<td class="padding-small">
|
||||
<div id="paragraphadv-checkbox-double-strike"></div>
|
||||
</td>
|
||||
<td class="padding-small" style="padding-left: 40px;">
|
||||
<td class="padding-small padding-left">
|
||||
<div id="paragraphadv-checkbox-small-caps"></div>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
@ -143,7 +143,7 @@
|
|||
<td class="padding-large">
|
||||
<div id="paragraphadv-checkbox-superscript"></div>
|
||||
</td>
|
||||
<td class="padding-large" style="padding-left: 40px;">
|
||||
<td class="padding-large padding-left">
|
||||
<div id="paragraphadv-checkbox-all-caps"></div>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
@ -156,7 +156,7 @@
|
|||
<label class="input-label"><%= scope.textSpacing %></label>
|
||||
<div id="paragraphadv-spin-spacing"></div>
|
||||
</div>
|
||||
<div class="text-only" style="display: inline-block; margin-left: 15px;">
|
||||
<div class="text-only position" style="display: inline-block;">
|
||||
<label class="input-label"><%= scope.textPosition %></label>
|
||||
<div id="paragraphadv-spin-position"></div>
|
||||
</div>
|
||||
|
|
@ -166,7 +166,7 @@
|
|||
</div>
|
||||
<div class="padding-large">
|
||||
<label class="input-label"><%= scope.textLigatures %></label>
|
||||
<div id="paragraphadv-cmb-ligatures" style="display: inline-block; vertical-align: baseline; margin-left: 5px;"></div>
|
||||
<div id="paragraphadv-cmb-ligatures" class="ligatures" style="display: inline-block; vertical-align: baseline;"></div>
|
||||
</div>
|
||||
<div class="doc-content-color" style="outline: 1px solid #cbcbcb;">
|
||||
<div id="paragraphadv-font-img" style="width: 300px; height: 80px; position: relative; margin: 0 auto;"></div>
|
||||
|
|
@ -181,11 +181,11 @@
|
|||
|
||||
</div>
|
||||
<div>
|
||||
<div class="padding-large" style="display: inline-block; margin-right: 8px;">
|
||||
<div class="padding-large tab-position" style="display: inline-block;">
|
||||
<label class="input-label"><%= scope.textTabPosition %></label>
|
||||
<div id="paraadv-spin-tab"></div>
|
||||
</div>
|
||||
<div class="padding-large" style=" display: inline-block; margin-right: 9px;">
|
||||
<div class="padding-large margin-right" style=" display: inline-block;">
|
||||
<label class="input-label"><%= scope.textAlign %></label>
|
||||
<div id="paraadv-cmb-align"></div>
|
||||
</div>
|
||||
|
|
@ -200,8 +200,8 @@
|
|||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button" class="btn btn-text-default" id="paraadv-button-add-tab" style="width:108px;margin-right: 9px; display: inline-block;"><%= scope.textSet %></button>
|
||||
<button type="button" class="btn btn-text-default" id="paraadv-button-remove-tab" style="width:108px;margin-right: 9px; display: inline-block;"><%= scope.textRemove %></button>
|
||||
<button type="button" class="btn btn-text-default margin-right" id="paraadv-button-add-tab" style="width: 108px; display: inline-block;"><%= scope.textSet %></button>
|
||||
<button type="button" class="btn btn-text-default margin-right" id="paraadv-button-remove-tab" style="width:108px; display: inline-block;"><%= scope.textRemove %></button>
|
||||
<button type="button" class="btn btn-text-default" id="paraadv-button-remove-all" style="width:108px;display: inline-block;"><%= scope.textRemoveAll %></button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -213,7 +213,7 @@
|
|||
<label class="input-label"><%= scope.textTop %></label>
|
||||
<div id="paraadv-number-margin-top"></div>
|
||||
</div>
|
||||
<div class="padding-small" style="display: inline-block; padding-left: 15px;">
|
||||
<div class="padding-small padding-left" style="display: inline-block;">
|
||||
<label class="input-label"><%= scope.textLeft %></label>
|
||||
<div id="paraadv-number-margin-left"></div>
|
||||
</div>
|
||||
|
|
@ -223,7 +223,7 @@
|
|||
<label class="input-label"><%= scope.textBottom %></label>
|
||||
<div id="paraadv-number-margin-bottom"></div>
|
||||
</div>
|
||||
<div class="padding-small" style="display: inline-block; padding-left: 15px;">
|
||||
<div class="padding-small padding-left" style="display: inline-block;">
|
||||
<label class="input-label"><%= scope.textRight %></label>
|
||||
<div id="paraadv-number-margin-right"></div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
<div id="shape-combo-fill-type" style="width: 90px;"></div>
|
||||
</td>
|
||||
<td rowspan="2">
|
||||
<div style="width: 90px; height: 80px; padding: 14px 20px; border: 1px solid #AFAFAF; border-radius: 2px; background: #ffffff;float:right;">
|
||||
<div class="texture-img">
|
||||
<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" style="display: inline-block; float:right;"></div>
|
||||
<div id="shape-foreground-color-btn"></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" style="display: inline-block; float:right;"></div>
|
||||
<div id="shape-background-color-btn"></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 style="float: right;">
|
||||
<div class="shape-direction">
|
||||
<label class="input-label"><%= scope.textDirection %></label>
|
||||
<div id="shape-button-direction"></div>
|
||||
</div>
|
||||
|
|
@ -69,7 +69,7 @@
|
|||
</tr>
|
||||
<tr valign="bottom">
|
||||
<td>
|
||||
<label class="input-label" style="margin-right: 5px;margin-bottom: 3px;"><%= scope.textAngle %></label>
|
||||
<label class="input-label angle-label"><%= scope.textAngle %></label>
|
||||
</td>
|
||||
<td>
|
||||
<div id="shape-spin-gradient-angle" style="display: inline-block; width: 60px;"></div>
|
||||
|
|
@ -86,7 +86,7 @@
|
|||
<label class="input-label" style=""><%= scope.strColor %></label>
|
||||
<div id="shape-gradient-color-btn"></div>
|
||||
</div>
|
||||
<div style="margin-left: 10px;">
|
||||
<div class="gradient-position">
|
||||
<label class="input-label" style=""><%= scope.textPosition %></label>
|
||||
<div id="shape-gradient-position"></div>
|
||||
</div>
|
||||
|
|
@ -101,14 +101,14 @@
|
|||
</tr>
|
||||
<tr class="no-form">
|
||||
<td>
|
||||
<div class="padding-small" id="shape-panel-transparent-fill" style="width: 100%;">
|
||||
<label class="header" style="display:block;"><%= scope.strTransparency %></label>
|
||||
<div style="display: inline-block; margin-top: 3px;">
|
||||
<div class="padding-small" id="shape-panel-transparent-fill">
|
||||
<label class="header"><%= scope.strTransparency %></label>
|
||||
<div class="shape-slider">
|
||||
<label id="shape-lbl-transparency-start">0</label>
|
||||
<div id="shape-slider-transparency" style="display: inline-block;margin: 0 4px; vertical-align: middle;"></div>
|
||||
<div id="shape-slider-transparency"></div>
|
||||
<label id="shape-lbl-transparency-end">100</label>
|
||||
</div>
|
||||
<div id="shape-spin-transparency" style="display: inline-block;float: right;"></div>
|
||||
<div id="shape-spin-transparency"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
@ -159,15 +159,15 @@
|
|||
<td class="padding-small" width="50%">
|
||||
<label class="input-label"><%= scope.textRotate90 %></label>
|
||||
<div>
|
||||
<div id="shape-button-270" style="display: inline-block;margin-right: 4px;"></div>
|
||||
<div id="shape-button-90" style="display: inline-block;"></div>
|
||||
<div id="shape-button-270"></div>
|
||||
<div id="shape-button-90"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="padding-small" width="50%">
|
||||
<label class="input-label"><%= scope.textFlip %></label>
|
||||
<div>
|
||||
<div id="shape-button-fliph" style="display: inline-block;margin-right: 4px;"></div>
|
||||
<div id="shape-button-flipv" style="display: inline-block;"></div>
|
||||
<div id="shape-button-fliph"></div>
|
||||
<div id="shape-button-flipv"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
@ -199,8 +199,8 @@
|
|||
</tr>
|
||||
<tr class="change-type">
|
||||
<td class="padding-small">
|
||||
<label class="header" style="margin-top: 3px;"><%= scope.strChange %></label>
|
||||
<div id="shape-btn-change" style="display: inline-block; float:right;"></div>
|
||||
<label class="header"><%= scope.strChange %></label>
|
||||
<div id="shape-btn-change"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="no-form">
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
|
||||
<div class="statusbar" style="display:table;">
|
||||
<div class="status-group dropup">
|
||||
<label id="label-pages" class="status-label dropdown-toggle margin-top-large" style="margin-left: 40px;" data-toggle="dropdown" data-hint="0" data-hint-direction="top"><%= textPageNumber %></label>
|
||||
<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 style="float:left;line-height:22px;"><%= textGotoPage %></label>
|
||||
<label><%= textGotoPage %></label>
|
||||
<div id="status-goto-page" style="display:inline-block;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -35,6 +35,6 @@
|
|||
<label id="label-zoom" class="status-label">Zoom 100%</label>
|
||||
</div>
|
||||
</div>
|
||||
<button id="btn-zoom-up" type="button" class="btn small btn-toolbar margin-top-small" style="margin-right:40px;"><span class="icon toolbar__icon btn-zoomup"> </span></button>
|
||||
<button id="btn-zoom-up" type="button" class="btn small btn-toolbar margin-top-small"><span class="icon toolbar__icon btn-zoomup"> </span></button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -53,10 +53,10 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<div id="table-combo-border-size" style="display: inline-block; vertical-align: middle; width: 93px;"></div>
|
||||
<div style="display: inline-block; float:right;vertical-align: middle;">
|
||||
<label class="input-label" style="margin-right: 5px;"><%= scope.textBorderColor %></label>
|
||||
<div id="table-border-color-btn" style="display: inline-block;"></div>
|
||||
<div id="table-combo-border-size"></div>
|
||||
<div class="table-color">
|
||||
<label class="input-label"><%= scope.textBorderColor %></label>
|
||||
<div id="table-border-color-btn"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
@ -85,7 +85,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2 align="right">
|
||||
<label class="input-label" style="margin-right: 5px;"><%= scope.textBackColor %></label>
|
||||
<label class="input-label margin"><%= scope.textBackColor %></label>
|
||||
<div id="table-back-color-btn" style="display: inline-block;text-align:left;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
@ -112,15 +112,15 @@
|
|||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<label style="margin-top: 3px;"><%= scope.textHeight %></label>
|
||||
<div id="table-btn-distrub-rows" style="display: inline-block; float:right; margin-left: 4px;"></div>
|
||||
<div id="table-spin-cell-height" style="display: inline-block; float:right;"></div>
|
||||
<div id="table-btn-distrub-rows"></div>
|
||||
<div id="table-spin-cell-height"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<label style="margin-top: 3px;"><%= scope.textWidth %></label>
|
||||
<div id="table-btn-distrub-cols" style="display: inline-block; float:right; margin-left: 4px;"></div>
|
||||
<div id="table-spin-cell-width" style="display: inline-block; float:right;"></div>
|
||||
<div id="table-btn-distrub-cols"></div>
|
||||
<div id="table-spin-cell-width"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
</td>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textWidth %></label>
|
||||
<div id="tableadv-number-width" style="margin-right: 10px;"></div>
|
||||
<div id="tableadv-number-width" class="margin-right"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textMeasure %></label>
|
||||
|
|
@ -88,7 +88,7 @@
|
|||
</td>
|
||||
<td class="padding-large">
|
||||
<label class="input-label"><%= scope.textPrefWidth %></label>
|
||||
<div id="tableadv-number-prefwidth" style="margin-right: 10px;"></div>
|
||||
<div id="tableadv-number-prefwidth" class="margin-right"></div>
|
||||
</td>
|
||||
<td class="padding-large">
|
||||
<label class="input-label"><%= scope.textMeasure %></label>
|
||||
|
|
@ -147,18 +147,18 @@
|
|||
<div id="id-adv-table-wrap" class="settings-panel">
|
||||
<div class="inner-content padding-large">
|
||||
<label class="header padding-small" style="display: block;"><%= scope.textWrappingStyle %></label>
|
||||
<div id="tableadv-button-wrap-none" style="display: inline-block; margin-right:5px;"></div>
|
||||
<div id="tableadv-button-wrap-parallel" style="display: inline-block; margin-right:5px;"></div>
|
||||
<div id="tableadv-button-wrap-none" class="margin-right" style="display: inline-block;"></div>
|
||||
<div id="tableadv-button-wrap-parallel" class="margin-right" style="display: inline-block;"></div>
|
||||
</div>
|
||||
<div class="padding-small"></div>
|
||||
<div class="inner-content">
|
||||
<div id="tableadv-panel-align" style="width: 100%;">
|
||||
<label class="header padding-small"><%= scope.textAlign %></label>
|
||||
<div class="padding-large">
|
||||
<div id="tableadv-button-align-left" style="display: inline-block; margin-right:5px;"></div>
|
||||
<div id="tableadv-button-align-center" style="display: inline-block; margin-right:5px;"></div>
|
||||
<div id="tableadv-button-align-right" style="display: inline-block; margin-right:5px;"></div>
|
||||
<div style="display: inline-block; vertical-align: bottom; margin-left: 20px; margin-bottom: 1px;">
|
||||
<div id="tableadv-button-align-left" class="margin-right" style="display: inline-block;"></div>
|
||||
<div id="tableadv-button-align-center" class="margin-right" style="display: inline-block;"></div>
|
||||
<div id="tableadv-button-align-right" class="margin-right" style="display: inline-block;"></div>
|
||||
<div class="number-indent" style="display: inline-block; vertical-align: bottom; margin-bottom: 1px;">
|
||||
<label class="input-label" style="display: block;"><%= scope.textIndLeft %></label>
|
||||
<div id="tableadv-number-indent"></div>
|
||||
</div>
|
||||
|
|
@ -200,7 +200,7 @@
|
|||
<div style="width: 100%;">
|
||||
<label class="input-label"><%= scope.textBorderWidth %></label>
|
||||
<div id="tableadv-combo-border-size" style="display: inline-block; vertical-align: middle; width: 93px;"></div>
|
||||
<div style="display: inline-block; float:right;vertical-align: middle;">
|
||||
<div class="border-color" style="display: inline-block; vertical-align: middle;">
|
||||
<label class="input-label" ><%= scope.textBorderColor %></label>
|
||||
<div id="tableadv-border-color-btn" style="display: inline-block;"></div>
|
||||
</div>
|
||||
|
|
@ -210,7 +210,7 @@
|
|||
<label class="input-label padding-large" style="width: 100%;"><%= scope.textBorderDesc %></label>
|
||||
<div id="tableadv-panel-borders" style="width: 100%;" class="padding-large">
|
||||
<div id="id-detablestyler" style="display: inline-block; vertical-align: middle; width: 200px; height: 200px;outline: 1px solid #ccc;"></div>
|
||||
<div style="display: inline-block; vertical-align: middle; width: 76px; height: 200px; padding-top: 10px; padding-left: 10px;">
|
||||
<div class="border-types" style="display: inline-block; vertical-align: middle; width: 76px; height: 200px; padding-top: 10px;">
|
||||
<div id="tableadv-button-border-all"></div>
|
||||
<div id="tableadv-button-border-none"></div>
|
||||
<div id="tableadv-button-border-inner"></div>
|
||||
|
|
@ -236,7 +236,7 @@
|
|||
<div id="tableadv-button-back-color" style="display: inline-block;"></div>
|
||||
</div>
|
||||
<div id="tableadv-panel-table-back" style="display: inline-block;">
|
||||
<label class="input-label" style="margin-right: 5px;"><%= scope.textTableBackColor %></label>
|
||||
<label class="input-label back-color"><%= scope.textTableBackColor %></label>
|
||||
<div id="tableadv-button-table-back-color" style="display: inline-block;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -39,7 +39,7 @@
|
|||
</div>
|
||||
</td>
|
||||
<td rowspan="2" style="width: 100%;">
|
||||
<div style="float: right;">
|
||||
<div class="textart-direction">
|
||||
<label class="input-label"><%= scope.textDirection %></label>
|
||||
<div id="textart-button-direction"></div>
|
||||
</div>
|
||||
|
|
@ -47,7 +47,7 @@
|
|||
</tr>
|
||||
<tr valign="bottom">
|
||||
<td>
|
||||
<label class="input-label" style="margin-right: 5px;margin-bottom: 3px;"><%= scope.textAngle %></label>
|
||||
<label class="input-label angle-label"><%= scope.textAngle %></label>
|
||||
</td>
|
||||
<td>
|
||||
<div id="textart-spin-gradient-angle" style="display: inline-block; width: 60px;"></div>
|
||||
|
|
@ -64,7 +64,7 @@
|
|||
<label class="input-label" style=""><%= scope.strColor %></label>
|
||||
<div id="textart-gradient-color-btn"></div>
|
||||
</div>
|
||||
<div style="margin-left: 10px;">
|
||||
<div class="gradient-position">
|
||||
<label class="input-label" style=""><%= scope.textPosition %></label>
|
||||
<div id="textart-gradient-position"></div>
|
||||
</div>
|
||||
|
|
@ -86,7 +86,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" style="display: inline-block;float: right;"></div>
|
||||
<div id="textart-spin-transparency"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
|
|||
|
|
@ -52,7 +52,8 @@ define([
|
|||
options: {
|
||||
contentWidth: 310,
|
||||
height: 366,
|
||||
buttons: null
|
||||
buttons: null,
|
||||
id: 'window-bookmarks'
|
||||
},
|
||||
|
||||
initialize : function(options) {
|
||||
|
|
@ -72,13 +73,13 @@ define([
|
|||
'</tr>',
|
||||
'<tr>',
|
||||
'<td class="padding-large">',
|
||||
'<div id="bookmarks-txt-name" style="display:inline-block;vertical-align: top;margin-right: 10px;"></div>',
|
||||
'<div id="bookmarks-txt-name" class="margin-right" style="display:inline-block;vertical-align: top;"></div>',
|
||||
'<button type="button" result="add" class="btn btn-text-default" id="bookmarks-btn-add" style="vertical-align: top;">', me.textAdd,'</button>',
|
||||
'</td>',
|
||||
'</tr>',
|
||||
'<tr>',
|
||||
'<td class="padding-extra-small">',
|
||||
'<label class="header" style="margin-right: 10px;">', me.textSort,'</label>',
|
||||
'<label class="header margin-right">', me.textSort,'</label>',
|
||||
'<div id="bookmarks-radio-name"></div>',
|
||||
'<div id="bookmarks-radio-location"></div>',
|
||||
'</td>',
|
||||
|
|
@ -90,15 +91,15 @@ define([
|
|||
'</tr>',
|
||||
'<tr>',
|
||||
'<td class="padding-large">',
|
||||
'<button type="button" class="btn btn-text-default" id="bookmarks-btn-goto" style="margin-right: 5px;">', me.textGoto,'</button>',
|
||||
'<button type="button" class="btn btn-text-default" id="bookmarks-btn-goto">', me.textGoto,'</button>',
|
||||
'<div style="display: inline-block; position: relative;">',
|
||||
'<button type="button" class="btn btn-text-default auto dropdown-toggle move-focus" id="bookmarks-btn-link" style="min-width: 75px;" data-toggle="dropdown">', me.textGetLink,'</button>',
|
||||
'<div id="id-clip-copy-box" class="dropdown-menu" style="width: 291px; left: -80px; padding: 10px;">',
|
||||
'<div id="id-dlg-clip-copy"></div>',
|
||||
'<button id="id-dlg-copy-btn" class="btn btn-text-default" style="margin-left: 5px; width: 86px;">' + me.textCopy + '</button>',
|
||||
'<button id="id-dlg-copy-btn" class="btn btn-text-default" style="width: 86px;">' + me.textCopy + '</button>',
|
||||
'</div>',
|
||||
'</div>',
|
||||
'<button type="button" class="btn btn-text-default" id="bookmarks-btn-delete" style="float: right;">', me.textDelete,'</button>',
|
||||
'<button type="button" class="btn btn-text-default" id="bookmarks-btn-delete">', me.textDelete,'</button>',
|
||||
'</td>',
|
||||
'</tr>',
|
||||
'<tr>',
|
||||
|
|
|
|||
|
|
@ -49,7 +49,8 @@ define([
|
|||
DE.Views.CaptionDialog = Common.Views.AdvancedSettingsWindow.extend(_.extend({
|
||||
options: {
|
||||
contentWidth: 351,
|
||||
height: 350
|
||||
height: 350,
|
||||
id: 'window-caption'
|
||||
},
|
||||
|
||||
initialize : function(options) {
|
||||
|
|
@ -65,7 +66,7 @@ define([
|
|||
'<tr>',
|
||||
'<td colspan="3" class="padding-small">',
|
||||
'<label class="input-label">', me.textCaption,'</label>',
|
||||
'<div id="caption-txt-caption" style="margin-right: 10px;"></div>',
|
||||
'<div id="caption-txt-caption" class="margin-right"></div>',
|
||||
'</td>',
|
||||
'<td class="padding-small">',
|
||||
'<label class="input-label">', me.textInsert,'</label>',
|
||||
|
|
@ -75,10 +76,10 @@ define([
|
|||
'<tr>',
|
||||
'<td colspan="2" class="padding-small">',
|
||||
'<label class="input-label">', me.textLabel,'</label>',
|
||||
'<div id="caption-combo-label" class="input-group-nr" style="width:160px;margin-right: 10px;"></div>',
|
||||
'<div id="caption-combo-label" class="input-group-nr margin-right" style="width:160px;"></div>',
|
||||
'</td>',
|
||||
'<td class="padding-small" style="vertical-align: bottom;">',
|
||||
'<button type="button" result="add" class="btn btn-text-default" id="caption-btn-add" style="margin-right: 10px;">', me.textAdd,'</button>',
|
||||
'<button type="button" result="add" class="btn btn-text-default margin-right" id="caption-btn-add">', me.textAdd,'</button>',
|
||||
'</td>',
|
||||
'<td class="padding-small" style="vertical-align: bottom;">',
|
||||
'<button type="button" result="add" class="btn btn-text-default" id="caption-btn-delete">', me.textDelete,'</button>',
|
||||
|
|
@ -107,7 +108,7 @@ define([
|
|||
'<tr>',
|
||||
'<td colspan="2" class="padding-small">',
|
||||
'<label class="input-label">', me.textChapter,'</label>',
|
||||
'<div id="caption-combo-chapter" class="input-group-nr" style="width:160px;margin-right: 10px;"></div>',
|
||||
'<div id="caption-combo-chapter" class="input-group-nr margin-right" style="width:160px;"></div>',
|
||||
'</td>',
|
||||
'<td colspan="2" class="padding-small">',
|
||||
'<label class="input-label" >', me.textSeparator,'</label>',
|
||||
|
|
|
|||
|
|
@ -49,7 +49,8 @@ define([
|
|||
height: 410,
|
||||
style: 'min-width: 240px;',
|
||||
cls: 'modal-dlg',
|
||||
modal: false
|
||||
modal: false,
|
||||
id: 'window-cross-ref'
|
||||
},
|
||||
|
||||
initialize : function(options) {
|
||||
|
|
@ -62,11 +63,11 @@ define([
|
|||
'<div class="box">',
|
||||
'<table cols="2" style="width: 100%;">',
|
||||
'<tr>',
|
||||
'<td style="padding-right: 5px;">',
|
||||
'<td class="padding-right">',
|
||||
'<label class="input-label">' + this.txtType + '</label>',
|
||||
'<div id="id-dlg-cross-type" class="input-group-nr" style="width: 100%;margin-bottom: 10px;"></div>',
|
||||
'</td>',
|
||||
'<td style="padding-left: 5px;">',
|
||||
'<td class="padding-left">',
|
||||
'<label class="input-label">' + this.txtReference + '</label>',
|
||||
'<div id="id-dlg-cross-ref" class="input-group-nr" style="width: 100%;margin-bottom: 10px;"></div>',
|
||||
'</td>',
|
||||
|
|
@ -83,7 +84,7 @@ define([
|
|||
'</tr>',
|
||||
'<tr>',
|
||||
'<td colspan="2" style="padding-bottom: 10px;">',
|
||||
'<div id="id-dlg-cross-separate" style="display: inline-block;vertical-align: middle;margin-right: 10px;"></div>',
|
||||
'<div id="id-dlg-cross-separate" style="display: inline-block;vertical-align: middle;"></div>',
|
||||
'<div id="id-dlg-cross-separator" style="display: inline-block;vertical-align: middle;"></div>',
|
||||
'</td>',
|
||||
'</tr>',
|
||||
|
|
|
|||
|
|
@ -50,6 +50,7 @@ define([
|
|||
header: true,
|
||||
style: 'min-width: 216px;',
|
||||
cls: 'modal-dlg',
|
||||
id: 'window-custom-columns',
|
||||
buttons: ['ok', 'cancel']
|
||||
},
|
||||
|
||||
|
|
@ -61,10 +62,10 @@ define([
|
|||
this.template = [
|
||||
'<div class="box" style="height: 90px;">',
|
||||
'<div class="input-row" style="margin: 10px 0;">',
|
||||
'<label class="input-label">' + this.textColumns + '</label><div id="custom-columns-spin-num" style="float: right;"></div>',
|
||||
'<label class="input-label">' + this.textColumns + '</label><div id="custom-columns-spin-num"></div>',
|
||||
'</div>',
|
||||
'<div class="input-row" style="margin: 10px 0;">',
|
||||
'<label class="input-label">' + this.textSpacing + '</label><div id="custom-columns-spin-spacing" style="float: right;"></div>',
|
||||
'<label class="input-label">' + this.textSpacing + '</label><div id="custom-columns-spin-spacing"></div>',
|
||||
'</div>',
|
||||
'<div class="input-row" style="margin: 10px 0;">',
|
||||
'<div id="custom-columns-separator"></div>',
|
||||
|
|
|
|||
|
|
@ -50,6 +50,7 @@ define([
|
|||
width: 350,
|
||||
style: 'min-width: 230px;',
|
||||
cls: 'modal-dlg',
|
||||
id: 'window-date-time',
|
||||
buttons: ['ok', 'cancel']
|
||||
},
|
||||
|
||||
|
|
@ -73,7 +74,7 @@ define([
|
|||
'<div id="datetime-dlg-format" class="" style="margin-bottom: 10px;width: 100%; height: 162px; overflow: hidden;"></div>',
|
||||
'<div class="input-row">',
|
||||
'<div id="datetime-dlg-update" style="margin-top: 3px;"></div>',
|
||||
'<button type="button" class="btn btn-text-default auto" id="datetime-dlg-default" style="float: right;">' + this.textDefault + '</button>',
|
||||
'<button type="button" class="btn btn-text-default auto" id="datetime-dlg-default">' + this.textDefault + '</button>',
|
||||
'</div>',
|
||||
'</div>'
|
||||
].join('');
|
||||
|
|
|
|||
|
|
@ -397,6 +397,9 @@ define([
|
|||
'<tr>',
|
||||
'<td colspan="2"><div id="fms-chb-use-alt-key"></div></td>',
|
||||
'</tr>',
|
||||
'<tr>',
|
||||
'<td colspan="2"><div id="fms-chb-rtl-ui"></div></td>',
|
||||
'</tr>',
|
||||
'<tr class="quick-print">',
|
||||
'<td colspan="2"><div style="display: flex;"><div id="fms-chb-quick-print"></div>',
|
||||
'<span style ="display: flex; flex-direction: column;"><label><%= scope.txtQuickPrint %></label>',
|
||||
|
|
@ -406,8 +409,8 @@ define([
|
|||
'<tr class="themes">',
|
||||
'<td><label><%= scope.strTheme %></label></td>',
|
||||
'<td>',
|
||||
'<div><div id="fms-cmb-theme" style="display: inline-block; margin-right: 15px;vertical-align: middle;"></div>',
|
||||
'<div id="fms-chb-dark-mode" style="display: inline-block; vertical-align: middle;margin-top: 2px;"></div></div></td>',
|
||||
'<div><div id="fms-cmb-theme"></div>',
|
||||
'<div id="fms-chb-dark-mode"></div></div></td>',
|
||||
'</tr>',
|
||||
'<tr class="edit">',
|
||||
'<td><label><%= scope.strUnit %></label></td>',
|
||||
|
|
@ -424,7 +427,7 @@ define([
|
|||
'<tr class="macros">',
|
||||
'<td><label><%= scope.strMacrosSettings %></label></td>',
|
||||
'<td>',
|
||||
'<div><div id="fms-cmb-macros" style="display: inline-block; margin-right: 15px; vertical-align: middle;"></div>',
|
||||
'<div><div id="fms-cmb-macros"></div>',
|
||||
'</tr>',
|
||||
'<tr class ="divider-group"></tr>',
|
||||
'<tr class="fms-btn-apply">',
|
||||
|
|
@ -761,6 +764,14 @@ define([
|
|||
})).on('click', _.bind(me.applySettings, me));
|
||||
});
|
||||
|
||||
this.chRTL = new Common.UI.CheckBox({
|
||||
el: $markup.findById('#fms-chb-rtl-ui'),
|
||||
labelText: this.strRTLSupport,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
|
||||
this.chQuickPrint = new Common.UI.CheckBox({
|
||||
el: $markup.findById('#fms-chb-quick-print'),
|
||||
labelText: '',
|
||||
|
|
@ -768,6 +779,7 @@ define([
|
|||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
|
||||
this.chQuickPrint.$el.parent().on('click', function (){
|
||||
me.chQuickPrint.setValue(!me.chQuickPrint.isChecked());
|
||||
});
|
||||
|
|
@ -923,6 +935,7 @@ define([
|
|||
}
|
||||
this.chDarkMode.setValue(Common.UI.Themes.isContentThemeDark());
|
||||
this.chDarkMode.setDisabled(!Common.UI.Themes.isDarkTheme());
|
||||
this.chRTL.setValue(Common.localStorage.getBool("ui-rtl"));
|
||||
|
||||
if (this.mode.canViewReview) {
|
||||
value = Common.Utils.InternalSettings.get("de-settings-review-hover-mode");
|
||||
|
|
@ -979,6 +992,7 @@ define([
|
|||
}
|
||||
|
||||
Common.localStorage.setItem("de-settings-paste-button", this.chPaste.isChecked() ? 1 : 0);
|
||||
Common.localStorage.setBool("ui-rtl", this.chRTL.isChecked());
|
||||
Common.localStorage.setBool("de-settings-quick-print-button", this.chQuickPrint.isChecked());
|
||||
|
||||
Common.localStorage.save();
|
||||
|
|
@ -1050,6 +1064,7 @@ define([
|
|||
textForceSave: 'Save to Server',
|
||||
textOldVersions: 'Make the files compatible with older MS Word versions when saved as DOCX',
|
||||
txtCacheMode: 'Default cache mode',
|
||||
strRTLSupport: 'RTL interface',
|
||||
strMacrosSettings: 'Macros Settings',
|
||||
txtWarnMacros: 'Show Notification',
|
||||
txtRunMacros: 'Enable All',
|
||||
|
|
@ -1974,7 +1989,7 @@ define([
|
|||
'<td class="right"><div id="id-info-rights"></div></td>',
|
||||
'</tr>',
|
||||
'<tr class="edit-rights">',
|
||||
'<td class="left"></td><td class="right"><button id="id-info-btn-edit" class="btn normal dlg-btn primary custom" style="margin-right: 10px;">' + this.txtBtnAccessRights + '</button></td>',
|
||||
'<td class="left"></td><td class="right"><button id="id-info-btn-edit" class="btn normal dlg-btn primary custom">' + this.txtBtnAccessRights + '</button></td>',
|
||||
'</tr>',
|
||||
'</table>'
|
||||
].join(''));
|
||||
|
|
@ -2094,7 +2109,7 @@ define([
|
|||
template: _.template([
|
||||
'<div style="width:100%; height:100%; position: relative;">',
|
||||
'<div id="id-help-contents" style="position: absolute; width:220px; top: 0; bottom: 0;" class="no-padding"></div>',
|
||||
'<div id="id-help-frame" style="position: absolute; left: 220px; top: 0; right: 0; bottom: 0;" class="no-padding"></div>',
|
||||
'<div id="id-help-frame" class="no-padding"></div>',
|
||||
'</div>'
|
||||
].join('')),
|
||||
|
||||
|
|
|
|||
|
|
@ -58,6 +58,7 @@ define([
|
|||
width: 350,
|
||||
style: 'min-width: 230px;',
|
||||
cls: 'modal-dlg',
|
||||
id: 'window-hyperlink',
|
||||
buttons: ['ok', 'cancel']
|
||||
},
|
||||
|
||||
|
|
@ -69,8 +70,8 @@ define([
|
|||
this.template = [
|
||||
'<div class="box" style="height: 319px;">',
|
||||
'<div class="input-row" style="margin-bottom: 10px;">',
|
||||
'<button type="button" class="btn btn-text-default auto" id="id-dlg-hyperlink-external" style="border-top-right-radius: 0;border-bottom-right-radius: 0;">', this.textExternal,'</button>',
|
||||
'<button type="button" class="btn btn-text-default auto" id="id-dlg-hyperlink-internal" style="border-top-left-radius: 0;border-bottom-left-radius: 0;border-left-width: 0;margin-left: -1px;">', this.textInternal,'</button>',
|
||||
'<button type="button" class="btn btn-text-default auto" id="id-dlg-hyperlink-external">', this.textExternal,'</button>',
|
||||
'<button type="button" class="btn btn-text-default auto" id="id-dlg-hyperlink-internal">', this.textInternal,'</button>',
|
||||
'</div>',
|
||||
'<div id="id-external-link">',
|
||||
'<div class="input-row">',
|
||||
|
|
|
|||
|
|
@ -51,6 +51,7 @@ define([
|
|||
header: true,
|
||||
style: 'min-width: 290px;',
|
||||
cls: 'modal-dlg',
|
||||
id: 'window-line-numbers',
|
||||
buttons: ['ok', 'cancel']
|
||||
},
|
||||
|
||||
|
|
@ -63,8 +64,8 @@ define([
|
|||
'<div class="box" style="">',
|
||||
'<div id="line-numbers-add-line-numbering" style="margin-bottom: 15px;"></div>',
|
||||
'<div style="margin-bottom: 15px;">',
|
||||
'<div style="display: inline-block; margin-right: 9px;"><label>' + this.textStartAt + '</label><div id="line-numbers-start-at"></div></div>',
|
||||
'<div style="display: inline-block; margin-right: 9px;"><label>' + this.textFromText + '</label><div id="line-numbers-from-text"></div></div>',
|
||||
'<div class="margin-right" style="display: inline-block;"><label>' + this.textStartAt + '</label><div id="line-numbers-start-at"></div></div>',
|
||||
'<div class="margin-right" style="display: inline-block;"><label>' + this.textFromText + '</label><div id="line-numbers-from-text"></div></div>',
|
||||
'<div style="display: inline-block;"><label>' + this.textCountBy + '</label><div id="line-numbers-count-by"></div></div>',
|
||||
'</div>',
|
||||
'<div style="margin-bottom: 8px;"><label>' + this.textNumbering + '</label></div>',
|
||||
|
|
|
|||
|
|
@ -333,27 +333,47 @@ define([
|
|||
{caption: me.mniInsEndnote, value: 'ins_endnote'},
|
||||
{caption: '--'},
|
||||
new Common.UI.MenuItem({
|
||||
template: _.template([
|
||||
template: !Common.UI.isRTL() ? _.template([
|
||||
'<div class="menu-zoom" style="height: 26px;" ',
|
||||
'<% if(!_.isUndefined(options.stopPropagation)) { %>',
|
||||
'data-stopPropagation="true"',
|
||||
'<% } %>', '>',
|
||||
'<label class="title">' + me.textGotoFootnote + '</label>',
|
||||
'<button id="id-menu-goto-footnote-next-' + index + '" type="button" style="float:right; margin: 2px 5px 0 0;" class="btn small btn-toolbar"><i class="icon menu__icon btn-nextitem"> </i></button>',
|
||||
'<button id="id-menu-goto-footnote-prev-' + index + '" type="button" style="float:right; margin-top: 2px;" class="btn small btn-toolbar"><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>',
|
||||
'<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>',
|
||||
'</div>'
|
||||
].join('')) :
|
||||
_.template([
|
||||
'<div class="menu-zoom" style="height: 26px;" ',
|
||||
'<% 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>',
|
||||
'</div>'
|
||||
].join('')),
|
||||
stopPropagation: true
|
||||
}),
|
||||
new Common.UI.MenuItem({
|
||||
template: _.template([
|
||||
template: !Common.UI.isRTL() ? _.template([
|
||||
'<div class="menu-zoom" style="height: 26px;" ',
|
||||
'<% if(!_.isUndefined(options.stopPropagation)) { %>',
|
||||
'data-stopPropagation="true"',
|
||||
'<% } %>', '>',
|
||||
'<label class="title">' + me.textGotoEndnote + '</label>',
|
||||
'<button id="id-menu-goto-endnote-next-' + index + '" type="button" style="float:right; margin: 2px 5px 0 0;" class="btn small btn-toolbar"><i class="icon menu__icon btn-nextitem"> </i></button>',
|
||||
'<button id="id-menu-goto-endnote-prev-' + index + '" type="button" style="float:right; margin-top: 2px;" class="btn small btn-toolbar"><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>',
|
||||
'<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>',
|
||||
'</div>'
|
||||
].join('')) :
|
||||
_.template([
|
||||
'<div class="menu-zoom" style="height: 26px;" ',
|
||||
'<% 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>',
|
||||
'</div>'
|
||||
].join('')),
|
||||
stopPropagation: true
|
||||
|
|
|
|||
|
|
@ -72,11 +72,11 @@ define([
|
|||
}, options || {});
|
||||
|
||||
this.template = [
|
||||
'<div class="box">',
|
||||
'<div class="box list-settings">',
|
||||
'<% if (type == 2) { %>',
|
||||
'<table cols="4" style="width: 100%;">',
|
||||
'<tr>',
|
||||
'<td style="padding-right: 5px;">',
|
||||
'<td class="padding-right">',
|
||||
'<label class="input-label">' + this.txtType + '</label>',
|
||||
'<div id="id-dlg-numbering-format" class="input-group-nr" style="width: 100%;margin-bottom: 10px;"></div>',
|
||||
'</td>',
|
||||
|
|
@ -88,7 +88,7 @@ define([
|
|||
'<label class="input-label">' + this.txtSize + '</label>',
|
||||
'<div id="id-dlg-bullet-size" class="input-group-nr" style="width: 100%;margin-bottom: 10px;"></div>',
|
||||
'</td>',
|
||||
'<td style="padding-left: 5px;">',
|
||||
'<td class="padding-left">',
|
||||
'<label class="input-label">' + this.txtColor + '</label>',
|
||||
'<div id="id-dlg-bullet-color" style="margin-bottom: 10px;"></div>',
|
||||
'</td>',
|
||||
|
|
@ -97,7 +97,7 @@ define([
|
|||
'<% } else {%>',
|
||||
'<table cols="2" style="width: 100%;">',
|
||||
'<tr>',
|
||||
'<td style="padding-right: 5px;">',
|
||||
'<td class="padding-right">',
|
||||
'<% if (type == 0) { %>',
|
||||
'<label class="input-label">' + this.txtBullet + '</label>',
|
||||
'<button type="button" class="btn btn-text-default" id="id-dlg-bullet-font" style="width: 100%;margin-bottom: 10px;">' + this.txtFont + '</button>',
|
||||
|
|
@ -106,17 +106,17 @@ define([
|
|||
'<div id="id-dlg-numbering-format" class="input-group-nr" style="width: 100%;margin-bottom: 10px;"></div>',
|
||||
'<% } %>',
|
||||
'</td>',
|
||||
'<td style="padding-left: 5px;">',
|
||||
'<td class="padding-left">',
|
||||
'<label class="input-label">' + this.txtAlign + '</label>',
|
||||
'<div id="id-dlg-bullet-align" class="input-group-nr" style="width: 100%;margin-bottom: 10px;"></div>',
|
||||
'</td>',
|
||||
'</tr>',
|
||||
'<tr>',
|
||||
'<td style="padding-right: 5px;">',
|
||||
'<td class="padding-right">',
|
||||
'<label class="input-label">' + this.txtSize + '</label>',
|
||||
'<div id="id-dlg-bullet-size" class="input-group-nr" style="width: 100%;margin-bottom: 10px;"></div>',
|
||||
'</td>',
|
||||
'<td style="padding-left: 5px;">',
|
||||
'<td class="padding-left">',
|
||||
'<label class="input-label">' + this.txtColor + '</label>',
|
||||
'<div id="id-dlg-bullet-color" style="margin-bottom: 10px;"></div>',
|
||||
'</td>',
|
||||
|
|
@ -125,7 +125,7 @@ define([
|
|||
'<% } %>',
|
||||
'<table cols="2" style="width: 100%;">',
|
||||
'<tr>',
|
||||
'<td class="<% if (type != 2) { %> hidden <% } %>" style="width: 50px; padding-right: 10px;">',
|
||||
'<td class="padding-right-big <% if (type != 2) { %> hidden <% } %>" style="width: 50px;">',
|
||||
'<label>' + this.textLevel + '</label>',
|
||||
'<div id="levels-list" class="no-borders" style="width:100%; height:208px;margin-top: 2px; "></div>',
|
||||
'</td>',
|
||||
|
|
|
|||
|
|
@ -197,7 +197,7 @@ define([
|
|||
this.btnFirst = new Common.UI.Button({
|
||||
parentEl: $('#mmerge-button-first', me.$el),
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-firstitem',
|
||||
iconCls: 'toolbar__icon ' + (!Common.UI.isRTL() ? 'btn-firstitem' : 'btn-lastitem'),
|
||||
disabled: true,
|
||||
value: 0,
|
||||
hint: this.txtFirst,
|
||||
|
|
@ -211,7 +211,7 @@ define([
|
|||
this.btnPrev = new Common.UI.Button({
|
||||
parentEl: $('#mmerge-button-prev', me.$el),
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-previtem',
|
||||
iconCls: 'toolbar__icon ' + (!Common.UI.isRTL() ? 'btn-previtem' : 'btn-nextitem'),
|
||||
disabled: true,
|
||||
value: 1,
|
||||
hint: this.txtPrev,
|
||||
|
|
@ -225,7 +225,7 @@ define([
|
|||
this.btnNext = new Common.UI.Button({
|
||||
parentEl: $('#mmerge-button-next', me.$el),
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-nextitem',
|
||||
iconCls: 'toolbar__icon ' + (!Common.UI.isRTL() ? 'btn-nextitem' : 'btn-previtem'),
|
||||
value: 2,
|
||||
hint: this.txtNext,
|
||||
lock: [_set.noRecipients, _set.lostConnect],
|
||||
|
|
@ -238,7 +238,7 @@ define([
|
|||
this.btnLast = new Common.UI.Button({
|
||||
parentEl: $('#mmerge-button-last', me.$el),
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-lastitem',
|
||||
iconCls: 'toolbar__icon ' + (!Common.UI.isRTL() ? 'btn-lastitem' : 'btn-firstitem'),
|
||||
value: 3,
|
||||
hint: this.txtLast,
|
||||
lock: [_set.noRecipients, _set.lostConnect],
|
||||
|
|
|
|||
|
|
@ -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>',
|
||||
|
|
|
|||
|
|
@ -50,6 +50,7 @@ define([
|
|||
options: {
|
||||
contentWidth: 300,
|
||||
height: 395,
|
||||
id: 'window-note-settings',
|
||||
buttons: null
|
||||
},
|
||||
|
||||
|
|
@ -71,13 +72,13 @@ define([
|
|||
'<tr>',
|
||||
'<td class="padding-small">',
|
||||
'<div id="note-settings-radio-foot" style="margin-top: 4px;display: inline-block"></div>',
|
||||
'<div id="note-settings-combo-footnote" class="input-group-nr" style="display: inline-block; width:150px;float:right;"></div>',
|
||||
'<div id="note-settings-combo-footnote" class="input-group-nr" style="display: inline-block; width:150px;"></div>',
|
||||
'</td>',
|
||||
'</tr>',
|
||||
'<tr>',
|
||||
'<td class="padding-large">',
|
||||
'<div id="note-settings-radio-end" style="margin-top: 4px;display: inline-block"></div>',
|
||||
'<div id="note-settings-combo-endnote" class="input-group-nr" style="display: inline-block; width:150px;float:right;"></div>',
|
||||
'<div id="note-settings-combo-endnote" class="input-group-nr" style="display: inline-block; width:150px;"></div>',
|
||||
'</td>',
|
||||
'</tr>',
|
||||
'<tr>',
|
||||
|
|
@ -87,7 +88,7 @@ define([
|
|||
'</tr>',
|
||||
'<tr>',
|
||||
'<td class="padding-small">',
|
||||
'<div style="display: inline-block; margin-right: 10px; vertical-align: middle;">',
|
||||
'<div class="margin-right" style="display: inline-block; vertical-align: middle;">',
|
||||
'<label class="input-label">', me.textNumFormat,'</label>',
|
||||
'<div id="note-settings-combo-format" class="input-group-nr" style="width:150px;"></div>',
|
||||
'</div>','<div style="display: inline-block; vertical-align: middle;">',
|
||||
|
|
|
|||
|
|
@ -60,14 +60,14 @@ define([
|
|||
|
||||
this.template = [
|
||||
'<div class="box" style="height: 245px;">',
|
||||
'<div style="float: left;">',
|
||||
'<div class="margins-settings">',
|
||||
'<label style="font-weight: bold;">' + this.textTitle + '</label>',
|
||||
'<div style="margin-top: 2px;">',
|
||||
'<div style="display: inline-block;">',
|
||||
'<label class="input-label">' + this.textTop + '</label>',
|
||||
'<div id="page-margins-spin-top"></div>',
|
||||
'</div>',
|
||||
'<div style="display: inline-block; margin-left: 8px;">',
|
||||
'<div class="margin-left" style="display: inline-block;">',
|
||||
'<label class="input-label">' + this.textBottom + '</label>',
|
||||
'<div id="page-margins-spin-bottom"></div>',
|
||||
'</div>',
|
||||
|
|
@ -77,7 +77,7 @@ define([
|
|||
'<label class="input-label" id="margin-left-label">' + this.textLeft + '</label>',
|
||||
'<div id="page-margins-spin-left"></div>',
|
||||
'</div>',
|
||||
'<div style="display: inline-block; margin-left: 8px;">',
|
||||
'<div class="margin-left" style="display: inline-block;">',
|
||||
'<label class="input-label" id="margin-right-label">' + this.textRight + '</label>',
|
||||
'<div id="page-margins-spin-right"></div>',
|
||||
'</div>',
|
||||
|
|
@ -86,7 +86,7 @@ define([
|
|||
'<label style="font-weight: bold;">' + this.textGutterPosition + '</label>',
|
||||
'<div>',
|
||||
'<div style="display: inline-block;" id="page-margins-spin-gutter"></div>',
|
||||
'<div style="display: inline-block; margin-left: 8px;" id="page-margins-spin-gutter-position"></div>',
|
||||
'<div style="display: inline-block;" id="page-margins-spin-gutter-position" class="margin-left"></div>',
|
||||
'</div>',
|
||||
'</div>',
|
||||
'<div style="margin-top: 10px;">',
|
||||
|
|
@ -98,7 +98,7 @@ define([
|
|||
'<div id="page-margins-cmb-multiple-pages"></div>',
|
||||
'</div>',
|
||||
'</div>',
|
||||
'<div style="float: right;">',
|
||||
'<div class="margins-preview">',
|
||||
'<label style="font-weight: bold;">' + this.textPreview + '</label>',
|
||||
'<div id="page-margins-preview" style="margin-top: 2px; height: 120px; width: 162px;"></div>',
|
||||
'</div>',
|
||||
|
|
|
|||
|
|
@ -68,7 +68,7 @@ define([
|
|||
'</td>',
|
||||
'</tr>',
|
||||
'<tr>',
|
||||
'<td style="padding-right: 10px;">',
|
||||
'<td class="padding-right">',
|
||||
'<label class="input-label">' + this.textWidth + '</label>',
|
||||
'<div id="page-size-spin-width"></div>',
|
||||
'</td>',
|
||||
|
|
|
|||
|
|
@ -412,7 +412,6 @@ define([ 'text!documenteditor/main/app/template/ParagraphSettingsAdvanced.tem
|
|||
_.each(_arrBorderPresets, function(item, index, list){
|
||||
var _btn = new Common.UI.Button({
|
||||
parentEl: $('#'+item[2]),
|
||||
style: 'margin-left: 4px; margin-bottom: 4px;',
|
||||
cls: 'btn-options large border-off',
|
||||
iconCls: item[1],
|
||||
strId :item[0],
|
||||
|
|
|
|||
|
|
@ -532,7 +532,8 @@ define([
|
|||
|
||||
onGradientChange: function(slider, newValue, oldValue){
|
||||
this.GradColor.values = slider.getValues();
|
||||
this.spnGradPosition.setValue(this.GradColor.values[this.GradColor.currentIdx], true);
|
||||
var curValue = this.GradColor.values[this.GradColor.currentIdx];
|
||||
this.spnGradPosition.setValue(Common.UI.isRTL() ? this.sldrGradient.maxValue - curValue : curValue, true);
|
||||
this._sliderChanged = true;
|
||||
if (this.api && !this._noApply) {
|
||||
if (this._sendUndoPoint) {
|
||||
|
|
@ -1013,7 +1014,8 @@ define([
|
|||
me.GradColor.currentIdx = 0;
|
||||
}
|
||||
me.sldrGradient.setActiveThumb(me.GradColor.currentIdx);
|
||||
this.spnGradPosition.setValue(this.GradColor.values[this.GradColor.currentIdx]);
|
||||
var curValue = this.GradColor.values[this.GradColor.currentIdx];
|
||||
this.spnGradPosition.setValue(Common.UI.isRTL() ? this.sldrGradient.maxValue - curValue : curValue);
|
||||
this.OriginalFillType = Asc.c_oAscFill.FILL_TYPE_GRAD;
|
||||
this.FGColor = {Value: 1, Color: this.GradColor.colors[0]};
|
||||
this.BGColor = {Value: 1, Color: 'ffffff'};
|
||||
|
|
@ -1453,7 +1455,7 @@ define([
|
|||
me.btnGradColor.setColor(color);
|
||||
me.colorsGrad.select(color,false);
|
||||
var pos = me.GradColor.values[me.GradColor.currentIdx];
|
||||
me.spnGradPosition.setValue(pos, true);
|
||||
me.spnGradPosition.setValue(Common.UI.isRTL() ? me.sldrGradient.maxValue - pos : pos, true);
|
||||
});
|
||||
this.sldrGradient.on('thumbdblclick', function(cmp){
|
||||
me.btnGradColor.cmpEl.find('button').dropdown('toggle');
|
||||
|
|
@ -2018,8 +2020,11 @@ define([
|
|||
},
|
||||
|
||||
onPositionChange: function(btn) {
|
||||
var pos = btn.getNumberValue(),
|
||||
minValue = (this.GradColor.currentIdx-1<0) ? 0 : this.GradColor.values[this.GradColor.currentIdx-1],
|
||||
var pos = btn.getNumberValue();
|
||||
if (Common.UI.isRTL()) {
|
||||
pos = this.sldrGradient.maxValue - pos;
|
||||
}
|
||||
var minValue = (this.GradColor.currentIdx-1<0) ? 0 : this.GradColor.values[this.GradColor.currentIdx-1],
|
||||
maxValue = (this.GradColor.currentIdx+1<this.GradColor.values.length) ? this.GradColor.values[this.GradColor.currentIdx+1] : 100,
|
||||
needSort = pos < minValue || pos > maxValue;
|
||||
if (this.api) {
|
||||
|
|
|
|||
|
|
@ -249,7 +249,7 @@ define([
|
|||
style: 'margin-top:-5px;',
|
||||
restoreHeight: 285,
|
||||
itemTemplate: _.template([
|
||||
'<a id="<%= id %>" tabindex="-1" type="menuitem" style="padding-left: 28px !important;" langval="<%= value.value %>" class="<% if (checked) { %> checked <% } %>">',
|
||||
'<a id="<%= id %>" tabindex="-1" type="menuitem" langval="<%= value.value %>" class="<% if (checked) { %> checked <% } %>">',
|
||||
'<i class="icon <% if (spellcheck) { %> toolbar__icon btn-ic-docspell spellcheck-lang <% } %>"></i>',
|
||||
'<%= caption %>',
|
||||
'</a>'
|
||||
|
|
|
|||
|
|
@ -49,7 +49,8 @@ define([
|
|||
DE.Views.TableOfContentsSettings = Common.Views.AdvancedSettingsWindow.extend(_.extend({
|
||||
options: {
|
||||
contentWidth: 500,
|
||||
height: 455
|
||||
height: 455,
|
||||
id: 'window-table-contents'
|
||||
},
|
||||
|
||||
initialize : function(options) {
|
||||
|
|
@ -69,7 +70,7 @@ define([
|
|||
'<div id="tableofcontents-chb-pages"></div>',
|
||||
'</td>',
|
||||
'<td rowspan="5" class="padding-small" style="vertical-align: top;">',
|
||||
'<div class="canvas-box" style="width: 240px; height: 182px; float: right;position:relative;overflow:hidden;">',
|
||||
'<div class="canvas-box" style="width: 240px; height: 182px; position:relative; overflow:hidden;">',
|
||||
'<div id="tableofcontents-img" style="width: 230px; height: 100%;"></div>',
|
||||
'</div>',
|
||||
'</td>',
|
||||
|
|
@ -82,7 +83,7 @@ define([
|
|||
'<tr>',
|
||||
'<td class="padding-large">',
|
||||
'<label class="input-label">' + me.textLeader + '</label>',
|
||||
'<div id="tableofcontents-combo-leader" class="input-group-nr" style="display: inline-block; width:95px; margin-left: 10px;"></div>',
|
||||
'<div id="tableofcontents-combo-leader" class="input-group-nr margin-left" style="display: inline-block; width:95px;"></div>',
|
||||
'</td>',
|
||||
'</tr>',
|
||||
'<tr>',
|
||||
|
|
@ -116,11 +117,11 @@ define([
|
|||
'<% } else { %>',
|
||||
'<div id="tableofcontents-from-levels" style="width:220px;">',
|
||||
'<label class="input-label">' + me.textLevels + '</label>',
|
||||
'<div id="tableofcontents-spin-levels" style="display: inline-block; width:95px; margin-left: 10px;"></div>',
|
||||
'<div id="tableofcontents-spin-levels" class="margin-left" style="display: inline-block; width:95px;"></div>',
|
||||
'</div>',
|
||||
'<div id="tableofcontents-from-styles" class="hidden">',
|
||||
'<table><tr><td style="height: 25px;">',
|
||||
'<label class="input-label" style="width: 144px; margin-left: 23px;">' + me.textStyle + '</label>',
|
||||
'<label class="input-label label-style" style="width: 144px;">' + me.textStyle + '</label>',
|
||||
'<label class="input-label" style="">' + me.textLevel + '</label>',
|
||||
'</td></tr>',
|
||||
'<tr><td>',
|
||||
|
|
@ -130,8 +131,8 @@ define([
|
|||
'<% } %>',
|
||||
'</td>',
|
||||
'<td class="padding-small" style="vertical-align: top;">',
|
||||
'<label class="input-label" style="margin-left: 10px;">' + me.textStyles + '</label>',
|
||||
'<div id="tableofcontents-combo-styles" class="input-group-nr" style="display: inline-block; width:95px; margin-left: 10px;"></div>',
|
||||
'<label class="input-label margin-left">' + me.textStyles + '</label>',
|
||||
'<div id="tableofcontents-combo-styles" class="input-group-nr margin-left" style="display: inline-block; width:95px;"></div>',
|
||||
'</td>',
|
||||
'</tr>',
|
||||
'</table>',
|
||||
|
|
|
|||
|
|
@ -484,7 +484,6 @@ define([
|
|||
cls : 'btn-toolbar',
|
||||
iconCls : 'toolbar__icon table-to-text',
|
||||
caption : this.textConvert,
|
||||
style : 'width: 100%;text-align: left;',
|
||||
dataHint : '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'medium'
|
||||
|
|
@ -871,7 +870,7 @@ define([
|
|||
menu : new Common.UI.Menu({
|
||||
style: 'width: 588px;',
|
||||
items: [
|
||||
{ template: _.template('<div id="id-table-menu-template" class="menu-table-template" style="margin: 5px 5px 5px 10px;"></div>') }
|
||||
{ template: _.template('<div id="id-table-menu-template" class="menu-table-template"></div>') }
|
||||
]
|
||||
}),
|
||||
dataHint: '1',
|
||||
|
|
|
|||
|
|
@ -948,7 +948,6 @@ define([ 'text!documenteditor/main/app/template/TableSettingsAdvanced.templat
|
|||
_.each(_arrBorderPresets, function(item, index, list){
|
||||
var _btn = new Common.UI.Button({
|
||||
parentEl: $('#'+item[2]),
|
||||
style: 'margin-left: 4px; margin-bottom: 4px;',
|
||||
cls: 'btn-options large border-off',
|
||||
iconCls: item[1],
|
||||
strId :item[0],
|
||||
|
|
|
|||
|
|
@ -398,7 +398,8 @@ define([
|
|||
|
||||
onGradientChange: function(slider, newValue, oldValue){
|
||||
this.GradColor.values = slider.getValues();
|
||||
this.spnGradPosition.setValue(this.GradColor.values[this.GradColor.currentIdx], true);
|
||||
var curValue = this.GradColor.values[this.GradColor.currentIdx];
|
||||
this.spnGradPosition.setValue(Common.UI.isRTL() ? this.sldrGradient.maxValue - curValue : curValue, true);
|
||||
this._sliderChanged = true;
|
||||
if (this.api && !this._noApply) {
|
||||
if (this._sendUndoPoint) {
|
||||
|
|
@ -678,7 +679,8 @@ define([
|
|||
me.GradColor.currentIdx = 0;
|
||||
}
|
||||
me.sldrGradient.setActiveThumb(me.GradColor.currentIdx);
|
||||
this.spnGradPosition.setValue(this.GradColor.values[this.GradColor.currentIdx]);
|
||||
var curValue = this.GradColor.values[this.GradColor.currentIdx];
|
||||
this.spnGradPosition.setValue(Common.UI.isRTL() ? me.sldrGradient.maxValue - curValue : curValue);
|
||||
this.OriginalFillType = Asc.c_oAscFill.FILL_TYPE_GRAD;
|
||||
this.ShapeColor = {Value: 1, Color: this.GradColor.colors[0]};
|
||||
}
|
||||
|
|
@ -996,7 +998,7 @@ define([
|
|||
me.btnGradColor.setColor(color);
|
||||
me.colorsGrad.select(color,false);
|
||||
var pos = me.GradColor.values[me.GradColor.currentIdx];
|
||||
me.spnGradPosition.setValue(pos, true);
|
||||
me.spnGradPosition.setValue(Common.UI.isRTL() ? me.sldrGradient.maxValue - pos : pos, true);
|
||||
});
|
||||
this.sldrGradient.on('thumbdblclick', function(cmp){
|
||||
me.btnGradColor.cmpEl.find('button').dropdown('toggle');
|
||||
|
|
@ -1308,8 +1310,11 @@ define([
|
|||
},
|
||||
|
||||
onPositionChange: function(btn) {
|
||||
var pos = btn.getNumberValue(),
|
||||
minValue = (this.GradColor.currentIdx-1<0) ? 0 : this.GradColor.values[this.GradColor.currentIdx-1],
|
||||
var pos = btn.getNumberValue();
|
||||
if (Common.UI.isRTL()) {
|
||||
pos = this.sldrGradient.maxValue - pos;
|
||||
}
|
||||
var minValue = (this.GradColor.currentIdx-1<0) ? 0 : this.GradColor.values[this.GradColor.currentIdx-1],
|
||||
maxValue = (this.GradColor.currentIdx+1<this.GradColor.values.length) ? this.GradColor.values[this.GradColor.currentIdx+1] : 100,
|
||||
needSort = pos < minValue || pos > maxValue;
|
||||
if (this.api) {
|
||||
|
|
|
|||
|
|
@ -705,7 +705,7 @@ define([
|
|||
menu: new Common.UI.Menu({
|
||||
cls: 'menu-shapes',
|
||||
items: [
|
||||
{template: _.template('<div id="id-toolbar-menu-insart" style="width: 239px; margin-left: 5px;"></div>')}
|
||||
{template: _.template('<div id="id-toolbar-menu-insart" style="width: 239px;"></div>')}
|
||||
]
|
||||
}),
|
||||
dataHint: '1',
|
||||
|
|
@ -1054,12 +1054,21 @@ define([
|
|||
this.toolbarControls.push(this.btnPageOrient);
|
||||
|
||||
|
||||
var pageMarginsTemplate = _.template('<a id="<%= id %>" tabindex="-1" type="menuitem"><div><b><%= caption %></b></div>' +
|
||||
'<% if (options.value !== null) { %><div style="display: inline-block;margin-right: 20px;min-width: 80px;">' +
|
||||
'<label style="display: block;">' + this.textTop + '<%= parseFloat(Common.Utils.Metric.fnRecalcFromMM(options.value[0]).toFixed(2)) %> <%= Common.Utils.Metric.getCurrentMetricName() %></label>' +
|
||||
'<label style="display: block;">' + this.textLeft + '<%= parseFloat(Common.Utils.Metric.fnRecalcFromMM(options.value[1]).toFixed(2)) %> <%= Common.Utils.Metric.getCurrentMetricName() %></label></div><div style="display: inline-block;">' +
|
||||
'<label style="display: block;">' + this.textBottom + '<%= parseFloat(Common.Utils.Metric.fnRecalcFromMM(options.value[2]).toFixed(2)) %> <%= Common.Utils.Metric.getCurrentMetricName() %></label>' +
|
||||
'<label style="display: block;">' + this.textRight + '<%= parseFloat(Common.Utils.Metric.fnRecalcFromMM(options.value[3]).toFixed(2)) %> <%= Common.Utils.Metric.getCurrentMetricName() %></label></div>' +
|
||||
var pageMarginsTemplate = !Common.UI.isRTL() ? _.template('<a id="<%= id %>" tabindex="-1" type="menuitem"><div><b><%= caption %></b></div>' +
|
||||
'<% if (options.value !== null) { %><div class="margin-vertical">' +
|
||||
'<label>' + this.textTop + '<%= parseFloat(Common.Utils.Metric.fnRecalcFromMM(options.value[0]).toFixed(2)) %> <%= Common.Utils.Metric.getCurrentMetricName() %></label>' +
|
||||
'<label>' + this.textLeft + '<%= parseFloat(Common.Utils.Metric.fnRecalcFromMM(options.value[1]).toFixed(2)) %> <%= Common.Utils.Metric.getCurrentMetricName() %></label></div>' +
|
||||
'<div class="margin-horizontal">' +
|
||||
'<label>' + this.textBottom + '<%= parseFloat(Common.Utils.Metric.fnRecalcFromMM(options.value[2]).toFixed(2)) %> <%= Common.Utils.Metric.getCurrentMetricName() %></label>' +
|
||||
'<label>' + this.textRight + '<%= parseFloat(Common.Utils.Metric.fnRecalcFromMM(options.value[3]).toFixed(2)) %> <%= Common.Utils.Metric.getCurrentMetricName() %></label></div>' +
|
||||
'<% } %></a>') :
|
||||
_.template('<a id="<%= id %>" tabindex="-1" type="menuitem"><div><b><%= caption %></b></div>' +
|
||||
'<% if (options.value !== null) { %><div class="margin-vertical">' +
|
||||
'<label><%= Common.Utils.Metric.getCurrentMetricName() %> <%= parseFloat(Common.Utils.Metric.fnRecalcFromMM(options.value[0]).toFixed(2)) %>' + this.textTop + '</label>' +
|
||||
'<label><%= Common.Utils.Metric.getCurrentMetricName() %> <%= parseFloat(Common.Utils.Metric.fnRecalcFromMM(options.value[1]).toFixed(2)) %>' + this.textLeft + '</label></div>' +
|
||||
'<div class="margin-horizontal">' +
|
||||
'<label><%= Common.Utils.Metric.getCurrentMetricName() %> <%= parseFloat(Common.Utils.Metric.fnRecalcFromMM(options.value[2]).toFixed(2)) %>' + this.textBottom + '</label>' +
|
||||
'<label><%= Common.Utils.Metric.getCurrentMetricName() %> <%= parseFloat(Common.Utils.Metric.fnRecalcFromMM(options.value[3]).toFixed(2)) %>' + this.textRight + '</label></div>' +
|
||||
'<% } %></a>');
|
||||
|
||||
this.btnPageMargins = new Common.UI.Button({
|
||||
|
|
@ -1069,6 +1078,7 @@ define([
|
|||
lock: [_set.docPropsLock, _set.previewReviewMode, _set.viewFormMode, _set.lostConnect, _set.disableOnStart, _set.docLockView, _set.docLockForms, _set.docLockComments],
|
||||
caption: me.capBtnMargins,
|
||||
menu: new Common.UI.Menu({
|
||||
cls: 'menu-margins',
|
||||
items: [
|
||||
{
|
||||
caption: this.textMarginsLast,
|
||||
|
|
@ -1121,9 +1131,12 @@ define([
|
|||
});
|
||||
this.toolbarControls.push(this.btnPageMargins);
|
||||
|
||||
var pageSizeTemplate = _.template('<a id="<%= id %>" tabindex="-1" type="menuitem"><div><b><%= caption %></b></div>' +
|
||||
'<div><%= parseFloat(Common.Utils.Metric.fnRecalcFromMM(options.value[0]).toFixed(2)) %> <%= Common.Utils.Metric.getCurrentMetricName() %> x ' +
|
||||
'<%= parseFloat(Common.Utils.Metric.fnRecalcFromMM(options.value[1]).toFixed(2)) %> <%= Common.Utils.Metric.getCurrentMetricName() %></div></a>');
|
||||
var pageSizeTemplate = !Common.UI.isRTL() ? _.template('<a id="<%= id %>" tabindex="-1" type="menuitem"><div><b><%= caption %></b></div>' +
|
||||
'<div dir="ltr"><%= parseFloat(Common.Utils.Metric.fnRecalcFromMM(options.value[0]).toFixed(2)) %> <%= Common.Utils.Metric.getCurrentMetricName() %> x ' +
|
||||
'<%= parseFloat(Common.Utils.Metric.fnRecalcFromMM(options.value[1]).toFixed(2)) %> <%= Common.Utils.Metric.getCurrentMetricName() %></div></a>') :
|
||||
_.template('<a id="<%= id %>" tabindex="-1" type="menuitem"><div><b><%= caption %></b></div>' +
|
||||
'<div dir="ltr"><%= Common.Utils.Metric.getCurrentMetricName() %> <%= parseFloat(Common.Utils.Metric.fnRecalcFromMM(options.value[1]).toFixed(2)) %> x ' +
|
||||
'<%= Common.Utils.Metric.getCurrentMetricName() %> <%= parseFloat(Common.Utils.Metric.fnRecalcFromMM(options.value[0]).toFixed(2)) %></div></a>');
|
||||
|
||||
this.btnPageSize = new Common.UI.Button({
|
||||
id: 'tlbtn-pagesize',
|
||||
|
|
@ -1545,7 +1558,10 @@ define([
|
|||
if (menuWidth>Common.Utils.innerWidth())
|
||||
menuWidth = Math.max(Math.floor(Common.Utils.innerWidth()/(itemMargin + _width)), 2) * (itemMargin + _width);
|
||||
var offset = cmp.cmpEl.width() - cmp.openButton.$el.width() - Math.min(menuWidth, buttonOffsetLeft) - 1;
|
||||
menu.setOffset(Math.min(offset, 0));
|
||||
if (Common.UI.isRTL()) {
|
||||
offset = cmp.openButton.$el.width();
|
||||
}
|
||||
menu.setOffset(Common.UI.isRTL() ? offset : Math.min(offset, 0));
|
||||
|
||||
menu.cmpEl.css({
|
||||
'width': menuWidth,
|
||||
|
|
@ -2084,11 +2100,11 @@ define([
|
|||
cls: 'shifted-left',
|
||||
style: 'min-width: 145px',
|
||||
items: [
|
||||
{template: _.template('<div id="id-toolbar-menu-markers" class="menu-markers" style="width: 153px; margin: 0 0 0 9px;"></div>')},
|
||||
{template: _.template('<div id="id-toolbar-menu-markers" class="menu-markers" style="width: 153px;"></div>')},
|
||||
{caption: '--'},
|
||||
this.mnuMarkerChangeLevel = new Common.UI.MenuItem({
|
||||
cls: 'list-level',
|
||||
caption: this.textChangeLevel,
|
||||
style: 'padding-right:20px;',
|
||||
disabled: (this.mnuMarkersPicker.conf.index || 0)==0,
|
||||
menu: new Common.UI.Menu({
|
||||
cls: 'list-settings-level',
|
||||
|
|
@ -2115,11 +2131,11 @@ define([
|
|||
new Common.UI.Menu({
|
||||
cls: 'shifted-left',
|
||||
items: [
|
||||
{template: _.template('<div id="id-toolbar-menu-numbering" class="menu-markers" style="width: 361px; margin: 0 0 0 9px;"></div>')},
|
||||
{template: _.template('<div id="id-toolbar-menu-numbering" class="menu-markers" style="width: 361px;"></div>')},
|
||||
{caption: '--'},
|
||||
this.mnuNumberChangeLevel = new Common.UI.MenuItem({
|
||||
cls: 'list-level',
|
||||
caption: this.textChangeLevel,
|
||||
style: 'padding-right:20px;',
|
||||
disabled: (this.mnuNumbersPicker.conf.index || 0)==0,
|
||||
menu: new Common.UI.Menu({
|
||||
cls: 'list-settings-level',
|
||||
|
|
@ -2146,11 +2162,11 @@ define([
|
|||
cls: 'shifted-left',
|
||||
style: 'min-width: 177px',
|
||||
items: [
|
||||
{template: _.template('<div id="id-toolbar-menu-multilevels" class="menu-markers" style="width: 362px; margin: 0 0 0 9px;"></div>')},
|
||||
{template: _.template('<div id="id-toolbar-menu-multilevels" class="menu-markers" style="width: 362px;"></div>')},
|
||||
{caption: '--'},
|
||||
this.mnuMultiChangeLevel = new Common.UI.MenuItem({
|
||||
cls: 'list-level',
|
||||
caption: this.textChangeLevel,
|
||||
style: 'padding-right:20px;',
|
||||
disabled: (this.mnuMultilevelPicker.conf.index || 0)==0,
|
||||
menu: new Common.UI.Menu({
|
||||
cls: 'list-settings-level',
|
||||
|
|
|
|||
|
|
@ -104,11 +104,10 @@ define([
|
|||
|
||||
$container = $('#viewport-hbox-layout', this.$el);
|
||||
var items = $container.find(' > .layout-item');
|
||||
this.hlayout = new Common.UI.HBoxLayout({
|
||||
box: $container,
|
||||
items: [{ // left menu chat & comment
|
||||
let iarray = [{ // left menu chat & comment
|
||||
el: items[0],
|
||||
rely: true,
|
||||
alias: 'left',
|
||||
resize: {
|
||||
hidden: true,
|
||||
autohide: false,
|
||||
|
|
@ -117,6 +116,7 @@ define([
|
|||
}}, { // history versions
|
||||
el: items[3],
|
||||
rely: true,
|
||||
alias: 'history',
|
||||
resize: {
|
||||
hidden: true,
|
||||
autohide: false,
|
||||
|
|
@ -130,7 +130,20 @@ define([
|
|||
el: $(items[2]).hide(),
|
||||
rely: true
|
||||
}
|
||||
]
|
||||
];
|
||||
|
||||
if ( Common.UI.isRTL() ) {
|
||||
iarray[0].resize.min = -600;
|
||||
iarray[0].resize.max = -300;
|
||||
[iarray[1].resize.min, iarray[1].resize.max] = [-600, -300];
|
||||
|
||||
[iarray[0], iarray[3]] = [iarray[3], iarray[0]];
|
||||
[iarray[1], iarray[2]] = [iarray[2], iarray[1]];
|
||||
}
|
||||
|
||||
this.hlayout = new Common.UI.HBoxLayout({
|
||||
box: $container,
|
||||
items: iarray
|
||||
});
|
||||
|
||||
return this;
|
||||
|
|
|
|||
|
|
@ -63,17 +63,252 @@
|
|||
}
|
||||
}
|
||||
|
||||
#bookmarks-radio-name {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#id-text-table-spn-fixed, #bookmarks-radio-location {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#id-adv-paragraph-indents {
|
||||
.outline-level {
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.margin-right {
|
||||
margin-right: 3px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#id-adv-paragraph-borders {
|
||||
.border-color {
|
||||
padding-left: 20px;
|
||||
|
||||
.rtl & {
|
||||
padding-left: 0;
|
||||
padding-right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.back-color {
|
||||
margin-right: 5px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.border-types {
|
||||
text-align: right;
|
||||
margin-left: 9px;
|
||||
|
||||
.rtl & {
|
||||
text-align: left;
|
||||
margin-left: 0;
|
||||
margin-right: 9px;
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin-left: 4px;
|
||||
margin-bottom: 4px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#id-adv-paragraph-font {
|
||||
.padding-left {
|
||||
padding-left: 40px;
|
||||
|
||||
.rtl & {
|
||||
padding-left: 0;
|
||||
padding-right: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.position {
|
||||
margin-left: 15px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.ligatures {
|
||||
margin-left: 5px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#id-adv-paragraph-tabs {
|
||||
.tab-position {
|
||||
margin-right: 8px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.margin-right {
|
||||
margin-right: 9px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 9px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#id-adv-paragraph-margins {
|
||||
.padding-left {
|
||||
padding-left: 15px;
|
||||
|
||||
.rtl & {
|
||||
padding-left: 0;
|
||||
padding-right: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#id-adv-table-width, #id-adv-table-cell-props {
|
||||
.margin-right {
|
||||
margin-right: 10px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#id-adv-table-borders {
|
||||
.border-color {
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.border-types {
|
||||
padding-left: 10px;
|
||||
|
||||
.rtl & {
|
||||
padding-left: 0;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin-left: 4px;
|
||||
margin-bottom: 4px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.back-color {
|
||||
margin-right: 5px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#id-adv-table-wrap {
|
||||
.margin-right {
|
||||
margin-right: 5px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.number-indent {
|
||||
margin-left: 20px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#id-adv-image-rotate {
|
||||
#image-advanced-spin-angle {
|
||||
margin-left: 5px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.flipped {
|
||||
margin-right: 15px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#id-adv-image-wrap {
|
||||
.margin-right {
|
||||
margin-right: 7px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 7px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#id-adv-shape-size {
|
||||
.padding-right {
|
||||
padding-right: 15px;
|
||||
|
||||
.rtl & {
|
||||
padding-right: 0;
|
||||
padding-left: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#window-date-time {
|
||||
#datetime-dlg-default {
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.advanced-settings-dlg {
|
||||
.roles-tableview {
|
||||
&.no-borders > .listview .item {
|
||||
|
|
|
|||
|
|
@ -66,6 +66,11 @@
|
|||
background-color: @background-normal-ie;
|
||||
background-color: @background-normal;
|
||||
|
||||
.rtl & {
|
||||
padding-left: 0;
|
||||
padding-right: 260px;
|
||||
}
|
||||
|
||||
.content-box {
|
||||
height: 100%;
|
||||
padding: 0 20px;
|
||||
|
|
@ -82,15 +87,36 @@
|
|||
}
|
||||
}
|
||||
|
||||
#id-help-frame {
|
||||
position: absolute;
|
||||
left: 220px;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
|
||||
.rtl & {
|
||||
left: 0;
|
||||
right: 220px;
|
||||
}
|
||||
}
|
||||
|
||||
#file-menu-panel .panel-context {
|
||||
#panel-saveas, #panel-savecopy {
|
||||
&.content-box {
|
||||
padding: 0 0 0 20px;
|
||||
|
||||
.rtl & {
|
||||
padding: 0 20px 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.content-container {
|
||||
margin: 30px 0 0 10px;
|
||||
|
||||
.rtl & {
|
||||
margin: 30px 10px 0 0;
|
||||
}
|
||||
|
||||
.header {
|
||||
.font-size-very-huge();
|
||||
margin-bottom: 20px;
|
||||
|
|
@ -101,6 +127,11 @@
|
|||
float: left;
|
||||
margin: 0 24px 34px 0;
|
||||
|
||||
.rtl & {
|
||||
float: right;
|
||||
margin: 0 0 34px 24px;
|
||||
}
|
||||
|
||||
.btn-doc-format {
|
||||
width: 70px;
|
||||
height: 90px;
|
||||
|
|
@ -278,6 +309,34 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
#fms-cmb-theme {
|
||||
display: inline-block;
|
||||
margin-right: 15px;
|
||||
vertical-align: middle;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
#fms-chb-dark-mode {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
#fms-cmb-macros {
|
||||
display: inline-block;
|
||||
margin-right: 15px;
|
||||
vertical-align: middle;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#panel-createnew {
|
||||
|
|
@ -287,6 +346,10 @@
|
|||
white-space: nowrap;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
.rtl & {
|
||||
padding: 0 10px 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
hr {
|
||||
|
|
@ -415,6 +478,12 @@
|
|||
border-right: @scaled-one-px-value-ie solid @border-toolbar-ie;
|
||||
border-right: @scaled-one-px-value solid @border-toolbar;
|
||||
|
||||
.rtl & {
|
||||
border-right: none;
|
||||
border-left: @scaled-one-px-value-ie solid @border-toolbar-ie;
|
||||
border-left: @scaled-one-px-value solid @border-toolbar;
|
||||
}
|
||||
|
||||
& > .item {
|
||||
display: block;
|
||||
border: none;
|
||||
|
|
@ -442,11 +511,19 @@
|
|||
|
||||
.help-item-wrap {
|
||||
padding: 4px 2px 4px 20px;
|
||||
|
||||
.rtl & {
|
||||
padding: 4px 20px 4px 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.header-name {
|
||||
padding: 16px 2px 4px 10px;
|
||||
.font-size-medium();
|
||||
|
||||
.rtl & {
|
||||
padding: 16px 10px 4px 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -456,6 +533,15 @@
|
|||
padding: 0 30px;
|
||||
}
|
||||
|
||||
#id-info-btn-edit {
|
||||
margin-right: 10px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.header {
|
||||
margin: 30px 0 20px 0;
|
||||
.font-size-very-huge();
|
||||
|
|
@ -476,11 +562,19 @@
|
|||
td {
|
||||
padding: 0 20px 5px 0;
|
||||
|
||||
.rtl & {
|
||||
padding: 0 0 5px 20px;
|
||||
}
|
||||
|
||||
&.left {
|
||||
padding: 5px 10px;
|
||||
text-align: right;
|
||||
width: 200px;
|
||||
|
||||
.rtl & {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
label {
|
||||
.font-weight-bold();
|
||||
}
|
||||
|
|
@ -582,10 +676,18 @@
|
|||
|
||||
#fms-btn-delete-pwd {
|
||||
margin-left: 16px;
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.signature-view-link {
|
||||
margin-right: 20px;
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.signature-tip {
|
||||
|
|
|
|||
|
|
@ -16,6 +16,11 @@
|
|||
background-color: @background-toolbar-ie;
|
||||
background-color: @background-toolbar;
|
||||
overflow: hidden;
|
||||
|
||||
.rtl & {
|
||||
left: 0;
|
||||
right: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
#developer-hint, #beta-hint, #limit-hint {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -12,6 +12,392 @@
|
|||
label.input-label {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
&#id-paragraph-settings {
|
||||
.input-label.margin {
|
||||
margin-left: 5px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&#id-table-settings {
|
||||
#id-table-menu-template {
|
||||
margin: 5px 5px 5px 10px;
|
||||
|
||||
.rtl & {
|
||||
margin: 5px 10px 5px 5px;
|
||||
}
|
||||
|
||||
.group-description {
|
||||
padding: 3px 0 3px 10px;
|
||||
|
||||
.rtl & {
|
||||
padding: 3px 10px 3px 0;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#table-combo-border-size {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 93px;
|
||||
}
|
||||
|
||||
.table-color {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
vertical-align: middle;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.input-label {
|
||||
margin-right: 5px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
#table-border-color-btn {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
.input-label.margin {
|
||||
margin-right: 5px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
#table-btn-distrub-rows, #table-btn-distrub-cols,
|
||||
#table-spin-cell-height, #table-spin-cell-width {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
#table-btn-distrub-rows, #table-btn-distrub-cols {
|
||||
margin-left: 4px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
#table-btn-convert-to-text {
|
||||
.btn {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
|
||||
.rtl & {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&#id-shape-settings {
|
||||
#shape-panel-transparent-fill {
|
||||
width: 100%;
|
||||
|
||||
.header {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.shape-slider {
|
||||
display: inline-block;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
#shape-spin-transparency {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
#shape-slider-transparency {
|
||||
display: inline-block;
|
||||
margin: 0 4px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
#shape-button-270, #shape-button-fliph {
|
||||
display: inline-block;
|
||||
margin-right: 4px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
#shape-button-90, #shape-button-flipv {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.change-type {
|
||||
.header {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
#shape-btn-change {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.shape-direction {
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.angle-label {
|
||||
margin-right: 5px;
|
||||
margin-bottom: 3px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.gradient-position {
|
||||
margin-left: 10px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
#id-shape-menu-direction {
|
||||
.dataview .item {
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.texture-img {
|
||||
width: 90px;
|
||||
height: 80px;
|
||||
padding: 14px 20px;
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&#id-image-settings {
|
||||
#image-button-270, #image-button-fliph {
|
||||
display: inline-block;
|
||||
margin-right: 4px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
#image-button-90, #image-button-flipv {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
&#id-header-settings {
|
||||
#headerfooter-radio-from {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: 2px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
#headerfooter-radio-prev {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#headerfooter-spin-from {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#headerfooter-button-top-left,
|
||||
#headerfooter-button-top-center,
|
||||
#headerfooter-button-top-right,
|
||||
#headerfooter-button-bottom-left,
|
||||
#headerfooter-button-bottom-center,
|
||||
#headerfooter-button-bottom-right {
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&#id-textart-settings {
|
||||
#textart-spin-transparency {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
#textart-panel-gradient-fill {
|
||||
.textart-direction {
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.angle-label {
|
||||
margin-bottom: 3px;
|
||||
margin-right: 5px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
#id-textart-menu-direction {
|
||||
.dataview .item {
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.gradient-position {
|
||||
margin-left: 10px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&#id-mail-merge-settings {
|
||||
#mmerge-button-first,
|
||||
#mmerge-button-prev {
|
||||
display: inline-block;
|
||||
margin-right: 4px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
#mmerge-field-num {
|
||||
display:inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#mmerge-button-next,
|
||||
#mmerge-button-last {
|
||||
display: inline-block;
|
||||
margin-left: 4px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
#mmerge-radio-all, #mmerge-radio-current {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#mmerge-radio-from-to {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: 2px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
#mmerge-field-from, #mmerge-field-to {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.text-to-label {
|
||||
width: 30px;
|
||||
text-align: right;
|
||||
vertical-align: middle;
|
||||
margin-right: 2px;
|
||||
|
||||
.rtl & {
|
||||
text-align: left;
|
||||
margin-right: 0;
|
||||
margin-left: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.portal-button {
|
||||
text-align: right;
|
||||
|
||||
.rtl & {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ie {
|
||||
|
|
|
|||
|
|
@ -6,6 +6,22 @@
|
|||
position: relative;
|
||||
}
|
||||
|
||||
#label-pages {
|
||||
margin-left: 40px;
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
#btn-zoom-up {
|
||||
margin-right: 40px;
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
#label-pages, #label-zoom {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
|
@ -26,12 +42,12 @@
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
#btn-zoom-topage {
|
||||
#btn-zoom-topage, #btn-zoom-towidth {
|
||||
margin-right: 8px;
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
#btn-zoom-towidth {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.status-group {
|
||||
|
|
@ -81,6 +97,11 @@
|
|||
min-width: 80px;
|
||||
margin-left: -4px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: -4px;
|
||||
}
|
||||
|
||||
li {
|
||||
text-align: center;
|
||||
|
||||
|
|
@ -97,6 +118,9 @@
|
|||
|
||||
li {
|
||||
text-align: left;
|
||||
.rtl & {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -106,9 +130,21 @@
|
|||
margin-bottom: 2px;
|
||||
min-width: 130px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 40px;
|
||||
}
|
||||
|
||||
> label {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
float:left;
|
||||
line-height:22px;
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
> input[type=text] {
|
||||
|
|
@ -125,6 +161,12 @@
|
|||
width: 285px;
|
||||
.font-size-medium();
|
||||
|
||||
.rtl & {
|
||||
padding: 14px 14px 14px 0;
|
||||
margin-left: 0;
|
||||
margin-right: 137px;
|
||||
}
|
||||
|
||||
> label {
|
||||
white-space: normal;
|
||||
}
|
||||
|
|
@ -145,6 +187,11 @@
|
|||
margin-right: 15px;
|
||||
overflow: hidden;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
&.offline, &.viewmode {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -167,6 +214,10 @@
|
|||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
vertical-align: middle;
|
||||
.rtl & {
|
||||
padding-left: 0;
|
||||
padding-right: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -177,5 +228,19 @@
|
|||
|
||||
#btn-select-tool {
|
||||
margin-right: 8px;
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.lang-menu {
|
||||
li a {
|
||||
padding-left: 28px !important;
|
||||
.rtl & {
|
||||
padding-left: 20px !important;
|
||||
padding-right: 28px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -113,6 +113,11 @@
|
|||
//max-width: 95px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
.rtl & {
|
||||
float: right;
|
||||
padding: 5px 20px 5px 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.zoom {
|
||||
|
|
@ -121,6 +126,24 @@
|
|||
min-width: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.next {
|
||||
float: right;
|
||||
margin: 2px 5px 0 0;
|
||||
.rtl & {
|
||||
float: left;
|
||||
margin: 2px 0 0 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.prev {
|
||||
float: right;
|
||||
margin-top: 2px;
|
||||
.rtl & {
|
||||
float: left;
|
||||
margin: 2px 0 0 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -205,6 +228,283 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
#id-toolbar-btn-markers,
|
||||
#id-toolbar-btn-numbering,
|
||||
#id-toolbar-btn-multilevels {
|
||||
.menu-markers {
|
||||
margin: 0 0 0 9px;
|
||||
|
||||
.rtl & {
|
||||
margin: 0 9px 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.list-level > a {
|
||||
padding-right: 20px;
|
||||
|
||||
.rtl & {
|
||||
padding-right: 12px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list-settings {
|
||||
.padding-right {
|
||||
padding-right: 5px;
|
||||
|
||||
.rtl & {
|
||||
padding-right: 0;
|
||||
padding-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.padding-left {
|
||||
padding-left: 5px;
|
||||
|
||||
.rtl & {
|
||||
padding-left: 0;
|
||||
padding-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.padding-right-big {
|
||||
padding-right: 10px;
|
||||
|
||||
.rtl & {
|
||||
padding-right: 0;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#window-page-margins {
|
||||
.margins-settings {
|
||||
float: left;
|
||||
|
||||
.rtl & {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.margins-preview {
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.margin-left {
|
||||
margin-left: 8px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#window-page-size {
|
||||
.padding-right {
|
||||
padding-right: 10px;
|
||||
|
||||
.rtl & {
|
||||
padding-right: 0;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#window-line-numbers {
|
||||
.margin-right {
|
||||
margin-right: 9px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 9px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#window-custom-columns {
|
||||
#custom-columns-spin-num, #custom-columns-spin-spacing {
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#window-note-settings {
|
||||
#note-settings-combo-footnote,
|
||||
#note-settings-combo-endnote {
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.margin-right {
|
||||
margin-right: 10px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#window-table-contents {
|
||||
.canvas-box {
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.margin-left {
|
||||
margin-left: 10px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.label-style {
|
||||
margin-left: 23px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 23px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#window-hyperlink {
|
||||
#id-dlg-hyperlink-external {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
|
||||
.rtl & {
|
||||
.border-radius(@border-radius-small);
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
#id-dlg-hyperlink-internal {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
border-left-width: 0;
|
||||
margin-left: -1px;
|
||||
|
||||
.rtl & {
|
||||
border: @scaled-one-px-value solid @border-regular-control;
|
||||
.border-radius(@border-radius-small);
|
||||
margin-left: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-right-width: 0;
|
||||
margin-right: -1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#window-bookmarks {
|
||||
.margin-right {
|
||||
margin-right: 10px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
#bookmarks-btn-goto {
|
||||
margin-right: 5px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
#id-dlg-copy-btn {
|
||||
margin-left: 5px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
#bookmarks-btn-delete {
|
||||
float: right;
|
||||
|
||||
.rtl & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
#bookmarks-radio-name {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
vertical-align: middle;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#window-caption {
|
||||
.margin-right {
|
||||
margin-right: 10px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#window-cross-ref {
|
||||
.padding-right {
|
||||
padding-right: 5px;
|
||||
|
||||
.rtl & {
|
||||
padding-right: 0;
|
||||
padding-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.padding-left {
|
||||
padding-left: 5px;
|
||||
|
||||
.rtl & {
|
||||
padding-left: 0;
|
||||
padding-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
#id-dlg-cross-separate {
|
||||
margin-right: 10px;
|
||||
|
||||
.rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu.menu-roles,
|
||||
.input-group-nr.menu-roles {
|
||||
span.color {
|
||||
|
|
@ -217,3 +517,11 @@
|
|||
border: @scaled-one-px-value solid @border-color-shading;
|
||||
}
|
||||
}
|
||||
|
||||
#id-toolbar-menu-insart {
|
||||
margin-left: 5px;
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -394,6 +394,7 @@ define([
|
|||
this.appOptions.compatibleFeatures = (typeof (this.appOptions.customization) == 'object') && !!this.appOptions.customization.compatibleFeatures;
|
||||
this.appOptions.canRequestSharingSettings = this.editorConfig.canRequestSharingSettings;
|
||||
this.appOptions.mentionShare = !((typeof (this.appOptions.customization) == 'object') && (this.appOptions.customization.mentionShare==false));
|
||||
this.appOptions.uiRtl = Common.localStorage.getBool("ui-rtl");
|
||||
|
||||
this.appOptions.user.guest && this.appOptions.canRenameAnonymous && Common.NotificationCenter.on('user:rename', _.bind(this.showRenameUserDialog, this));
|
||||
|
||||
|
|
|
|||
|
|
@ -222,7 +222,7 @@ define([
|
|||
this.viewport.hlayout.doLayout();
|
||||
break;
|
||||
case 'history':
|
||||
var panel = this.viewport.hlayout.items[1];
|
||||
var panel = this.viewport.hlayout.getItem('history');
|
||||
if (panel.resize.el) {
|
||||
this.boxSdk.css('border-left', '');
|
||||
panel.resize.el.show();
|
||||
|
|
@ -230,7 +230,7 @@ define([
|
|||
this.viewport.hlayout.doLayout();
|
||||
break;
|
||||
case 'leftmenu':
|
||||
var panel = this.viewport.hlayout.items[0];
|
||||
var panel = this.viewport.hlayout.getItem('left');
|
||||
if (panel.resize.el) {
|
||||
if (panel.el.width() > 40) {
|
||||
this.boxSdk.css('border-left', '');
|
||||
|
|
|
|||
|
|
@ -3,18 +3,18 @@
|
|||
<div id="hf-dlg-chb-datetime"></div>
|
||||
</td></tr>
|
||||
<tr><td class="padding-large">
|
||||
<table id="hf-dlg-tbl-datetime" cols="2" style="margin-left: 22px;">
|
||||
<table id="hf-dlg-tbl-datetime" cols="2">
|
||||
<tr>
|
||||
<td colspan="2" class="padding-very-small">
|
||||
<div id="hf-dlg-radio-update"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" style="padding-left: 22px;">
|
||||
<td class="padding-small format-combo">
|
||||
<label style="display:block;" class="input-label"><%= scope.textFormat %></label>
|
||||
<div id="hf-dlg-combo-format" style="width: 100%;"></div>
|
||||
</td>
|
||||
<td class="padding-small" style="padding-left: 5px;">
|
||||
<td class="padding-small lang-combo">
|
||||
<label style="display:block;" class="input-label"><%= scope.textLang %></label>
|
||||
<div id="hf-dlg-combo-lang" style="width: 100%;"></div>
|
||||
</td>
|
||||
|
|
@ -26,7 +26,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<div id="hf-dlg-input-fixed" class="input-row" style="margin-left: 22px;"></div>
|
||||
<div id="hf-dlg-input-fixed" class="input-row"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
|
@ -38,7 +38,7 @@
|
|||
<div id="hf-dlg-chb-text"></div>
|
||||
</td></tr>
|
||||
<tr><td class="padding-large">
|
||||
<div id="hf-dlg-text" class="input-row" style="margin-left: 22px;"></div>
|
||||
<div id="hf-dlg-text" class="input-row"></div>
|
||||
</td></tr>
|
||||
<tr><td class="padding-small"></td></tr>
|
||||
<tr><td class="padding-small">
|
||||
|
|
|
|||
|
|
@ -41,15 +41,15 @@
|
|||
<td class="padding-small" width="50%">
|
||||
<label class="input-label"><%= scope.textRotate90 %></label>
|
||||
<div>
|
||||
<div id="image-button-270" style="display: inline-block;margin-right: 4px;"></div>
|
||||
<div id="image-button-90" style="display: inline-block;"></div>
|
||||
<div id="image-button-270"></div>
|
||||
<div id="image-button-90"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="padding-small" width="50%">
|
||||
<label class="input-label"><%= scope.textFlip %></label>
|
||||
<div>
|
||||
<div id="image-button-fliph" style="display: inline-block;margin-right: 4px;"></div>
|
||||
<div id="image-button-flipv" style="display: inline-block;"></div>
|
||||
<div id="image-button-fliph"></div>
|
||||
<div id="image-button-flipv"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
|
|||
|
|
@ -58,7 +58,7 @@
|
|||
<div class="inner-content padding-large">
|
||||
<div style="width: 100%;">
|
||||
<label class="input-label"><%= scope.textAngle %></label>
|
||||
<div id="image-advanced-spin-angle" style="display: inline-block; margin-left: 5px;"></div>
|
||||
<div id="image-advanced-spin-angle" style="display: inline-block;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="separator horizontal padding-large"></div>
|
||||
|
|
@ -66,7 +66,7 @@
|
|||
<table cols="2">
|
||||
<tr>
|
||||
<td rowspan="2" class="padding-small" style="vertical-align: top;">
|
||||
<label class="input-label" style="margin-right: 15px;vertical-align: top;"><%= scope.textFlipped %></label>
|
||||
<label class="input-label flipped" style="vertical-align: top;"><%= scope.textFlipped %></label>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<div id="image-advanced-checkbox-hor"></div>
|
||||
|
|
|
|||
|
|
@ -8,11 +8,11 @@
|
|||
</div>
|
||||
<div class="padding-very-small"><label class="header"><%= scope.strIndent %></label></div>
|
||||
<div>
|
||||
<div class="padding-large" style="display: inline-block;margin-right: 3px;">
|
||||
<div class="padding-large margin-right" style="display: inline-block;">
|
||||
<label class="input-label"><%= scope.strIndentsLeftText %></label>
|
||||
<div id="paragraphadv-spin-indent-left"></div>
|
||||
</div><!--
|
||||
--><div class="padding-large" style="display: inline-block;margin-right: 3px;">
|
||||
--><div class="padding-large margin-right" style="display: inline-block;">
|
||||
<label class="input-label"><%= scope.strIndentsRightText %></label>
|
||||
<div id="paragraphadv-spin-indent-right"></div>
|
||||
</div><!--
|
||||
|
|
@ -21,18 +21,18 @@
|
|||
<label class="input-label"><%= scope.strIndentsSpecial %></label>
|
||||
</div>
|
||||
<div>
|
||||
<div id="paragraphadv-spin-special" style="display: inline-block;margin-right: 3px;"></div><!--
|
||||
<div id="paragraphadv-spin-special" class="margin-right" style="display: inline-block;"></div><!--
|
||||
--><div id="paragraphadv-spin-special-by" style="display: inline-block;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="padding-very-small"><label class="header"><%= scope.strSpacing %></label></div>
|
||||
<div>
|
||||
<div style="display: inline-block;margin-right: 3px;">
|
||||
<div class="margin-right" style="display: inline-block;">
|
||||
<label class="input-label"><%= scope.strIndentsSpacingBefore %></label>
|
||||
<div id="paragraphadv-spin-spacing-before"></div>
|
||||
</div><!--
|
||||
--><div style="display: inline-block;margin-right: 3px;">
|
||||
--><div class="margin-right" style="display: inline-block;">
|
||||
<label class="input-label"><%= scope.strIndentsSpacingAfter %></label>
|
||||
<div id="paragraphadv-spin-spacing-after"></div>
|
||||
</div><!--
|
||||
|
|
@ -41,7 +41,7 @@
|
|||
<label class="input-label"><%= scope.strIndentsLineSpacing %></label>
|
||||
</div>
|
||||
<div>
|
||||
<div id="paragraphadv-spin-line-rule" style="display: inline-block;margin-right: 3px;"></div><!--
|
||||
<div id="paragraphadv-spin-line-rule" class="margin-right" style="display: inline-block;"></div><!--
|
||||
--><div id="paragraphadv-spin-line-height" style="display: inline-block;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -63,7 +63,7 @@
|
|||
<td class="padding-small">
|
||||
<div id="paragraphadv-checkbox-strike"></div>
|
||||
</td>
|
||||
<td class="padding-small" style="padding-left: 40px;">
|
||||
<td class="padding-small padding-left">
|
||||
<div id="paragraphadv-checkbox-subscript"></div>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
@ -71,7 +71,7 @@
|
|||
<td class="padding-small">
|
||||
<div id="paragraphadv-checkbox-double-strike"></div>
|
||||
</td>
|
||||
<td class="padding-small" style="padding-left: 40px;">
|
||||
<td class="padding-small padding-left">
|
||||
<div id="paragraphadv-checkbox-small-caps"></div>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
@ -79,7 +79,7 @@
|
|||
<td class="padding-large">
|
||||
<div id="paragraphadv-checkbox-superscript"></div>
|
||||
</td>
|
||||
<td class="padding-large" style="padding-left: 40px;">
|
||||
<td class="padding-large padding-left">
|
||||
<div id="paragraphadv-checkbox-all-caps"></div>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
@ -105,11 +105,11 @@
|
|||
|
||||
</div>
|
||||
<div>
|
||||
<div class="padding-large" style="display: inline-block; margin-right: 9px;">
|
||||
<div class="padding-large margin-right" style="display: inline-block;">
|
||||
<label class="input-label"><%= scope.textTabPosition %></label>
|
||||
<div id="paraadv-spin-tab"></div>
|
||||
</div>
|
||||
<div class="padding-large" style=" display: inline-block; margin-right: 9px;">
|
||||
<div class="padding-large margin-right" style=" display: inline-block;">
|
||||
<label class="input-label"><%= scope.textAlign %></label>
|
||||
<div id="paraadv-cmb-align"></div>
|
||||
</div>
|
||||
|
|
@ -120,8 +120,8 @@
|
|||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button" class="btn btn-text-default" id="paraadv-button-add-tab" style="width:108px;margin-right: 9px; display: inline-block;"><%= scope.textSet %></button>
|
||||
<button type="button" class="btn btn-text-default" id="paraadv-button-remove-tab" style="width:108px;margin-right: 9px; display: inline-block;"><%= scope.textRemove %></button>
|
||||
<button type="button" class="btn btn-text-default margin-right" id="paraadv-button-add-tab" style="width:108px; display: inline-block;"><%= scope.textSet %></button>
|
||||
<button type="button" class="btn btn-text-default margin-right" id="paraadv-button-remove-tab" style="width:108px; display: inline-block;"><%= scope.textRemove %></button>
|
||||
<button type="button" class="btn btn-text-default" id="paraadv-button-remove-all" style="width:108px;display: inline-block;"><%= scope.textRemoveAll %></button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
<div id="shape-combo-fill-type" style="width: 90px;"></div>
|
||||
</td>
|
||||
<td rowspan="2">
|
||||
<div style="width: 90px; height: 80px; padding: 14px 20px; border: 1px solid #AFAFAF; border-radius: 2px; background: #ffffff;float:right;">
|
||||
<div class="texture-img" 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" style="display: inline-block; float:right;"></div>
|
||||
<div id="shape-foreground-color-btn"></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" style="display: inline-block; float:right;"></div>
|
||||
<div id="shape-background-color-btn"></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 style="float: right;">
|
||||
<div class="grad-direction">
|
||||
<label class="input-label"><%= scope.textDirection %></label>
|
||||
<div id="shape-button-direction"></div>
|
||||
</div>
|
||||
|
|
@ -69,7 +69,7 @@
|
|||
</tr>
|
||||
<tr valign="bottom">
|
||||
<td>
|
||||
<label class="input-label" style="margin-right: 5px;margin-bottom: 3px;"><%= scope.textAngle %></label>
|
||||
<label class="input-label angle-label"><%= scope.textAngle %></label>
|
||||
</td>
|
||||
<td>
|
||||
<div id="shape-spin-gradient-angle" style="display: inline-block; width: 60px;"></div>
|
||||
|
|
@ -86,7 +86,7 @@
|
|||
<label class="input-label" style=""><%= scope.strColor %></label>
|
||||
<div id="shape-gradient-color-btn"></div>
|
||||
</div>
|
||||
<div style="margin-left: 10px;">
|
||||
<div class="gradient-position">
|
||||
<label class="input-label" style=""><%= scope.textPosition %></label>
|
||||
<div id="shape-gradient-position"></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" style="display: inline-block;float: right;"></div>
|
||||
<div id="shape-spin-transparency"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
@ -159,15 +159,15 @@
|
|||
<td class="padding-small" width="50%">
|
||||
<label class="input-label"><%= scope.textRotate90 %></label>
|
||||
<div>
|
||||
<div id="shape-button-270" style="display: inline-block;margin-right: 4px;"></div>
|
||||
<div id="shape-button-90" style="display: inline-block;"></div>
|
||||
<div id="shape-button-270"></div>
|
||||
<div id="shape-button-90"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="padding-small" width="50%">
|
||||
<label class="input-label"><%= scope.textFlip %></label>
|
||||
<div>
|
||||
<div id="shape-button-fliph" style="display: inline-block;margin-right: 4px;"></div>
|
||||
<div id="shape-button-flipv" style="display: inline-block;"></div>
|
||||
<div id="shape-button-fliph"></div>
|
||||
<div id="shape-button-flipv"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
@ -182,7 +182,7 @@
|
|||
<tr class="change-type">
|
||||
<td class="padding-small">
|
||||
<label class="header" style="margin-top: 3px;"><%= scope.strChange %></label>
|
||||
<div id="shape-btn-change" style="display: inline-block; float:right;"></div>
|
||||
<div id="shape-btn-change"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
|
|||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue