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

[DE] Shift text in menu items with icons ( + all context menu).

Browse source
This commit is contained in:
Julia Radzhabova 2020-08-18 14:50:10 +03:00
parent ffca06badb
commit 50dec94149
8 changed files with 53 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
apps/common/main/lib/component/ColorButton.js
View file

@ -108,7 +108,6 @@ define([
menu = new Common.UI.Menu({ menu = new Common.UI.Menu({
id: id, id: id,
cls: 'shifted-left', cls: 'shifted-left',
custom: true,
additionalAlign: options.additionalAlign, additionalAlign: options.additionalAlign,
items: (options.additionalItems ? options.additionalItems : []).concat([ items: (options.additionalItems ? options.additionalItems : []).concat([
{ template: _.template('<div id="' + id + '-color-menu" style="width: 169px; height: 220px; margin: 10px;"></div>') }, { template: _.template('<div id="' + id + '-color-menu" style="width: 169px; height: 220px; margin: 10px;"></div>') },

10
apps/common/main/lib/component/Menu.js
View file

@ -150,12 +150,11 @@ define([
offset : [0, 0], offset : [0, 0],
cyclic : true, cyclic : true,
search : false, search : false,
scrollAlwaysVisible: true, scrollAlwaysVisible: true
custom : false
}, },
template: _.template([ template: _.template([
'<ul class="dropdown-menu <% if(!options.custom) { %> shifted-right <% } %> <%= options.cls %>" oo_editor_input="true" style="<%= options.style %>" role="menu"></ul>' '<ul class="dropdown-menu <%= options.cls %>" oo_editor_input="true" style="<%= options.style %>" role="menu"></ul>'
].join('')), ].join('')),
initialize : function(options) { initialize : function(options) {
@ -621,12 +620,11 @@ define([
offset : [0, 0], offset : [0, 0],
cyclic : true, cyclic : true,
search : false, search : false,
scrollAlwaysVisible: true, scrollAlwaysVisible: true
custom : false
}, },
template: _.template([ template: _.template([
'<ul class="dropdown-menu <% if(!options.custom) { %> shifted-right <% } %> <%= options.cls %>" oo_editor_input="true" style="<%= options.style %>" role="menu">', '<ul class="dropdown-menu <%= options.cls %>" oo_editor_input="true" style="<%= options.style %>" role="menu">',
'<% _.each(items, function(item) { %>', '<% _.each(items, function(item) { %>',
'<% if (!item.id) item.id = Common.UI.getId(); %>', '<% if (!item.id) item.id = Common.UI.getId(); %>',
'<% item.checked = item.checked || false; %>', '<% item.checked = item.checked || false; %>',

1
apps/common/main/resources/less/dropdown-menu.less
View file

@ -102,6 +102,7 @@
li { li {
& > a { & > a {
padding-left: 12px; padding-left: 12px;
padding-right: 12px;
} }
} }
} }

39
apps/documenteditor/main/app/view/DocumentHolder.js
View file

@ -883,6 +883,7 @@ define([
equation : true, equation : true,
disabled : me._currentParaObjDisabled, disabled : me._currentParaObjDisabled,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
items : [ items : [
{ {
@ -1053,6 +1054,7 @@ define([
equation : true, equation : true,
disabled : me._currentParaObjDisabled, disabled : me._currentParaObjDisabled,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
items : [ items : [
{ {
@ -1080,6 +1082,7 @@ define([
equation : true, equation : true,
disabled : me._currentParaObjDisabled, disabled : me._currentParaObjDisabled,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
items : [ items : [
{ {
@ -1099,6 +1102,7 @@ define([
equation : true, equation : true,
disabled : me._currentParaObjDisabled, disabled : me._currentParaObjDisabled,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
items : [ items : [
{ {
@ -1128,6 +1132,7 @@ define([
equation : true, equation : true,
disabled : me._currentParaObjDisabled, disabled : me._currentParaObjDisabled,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
items : [ items : [
{ {
@ -1180,6 +1185,7 @@ define([
equation : true, equation : true,
disabled : me._currentParaObjDisabled, disabled : me._currentParaObjDisabled,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
items : [ items : [
{ {
@ -2019,6 +2025,7 @@ define([
}).on('click', _.bind(me.onPrintSelection, me)); }).on('click', _.bind(me.onPrintSelection, me));
this.viewModeMenu = new Common.UI.Menu({ this.viewModeMenu = new Common.UI.Menu({
cls: 'shifted-right',
initMenu: function (value) { initMenu: function (value) {
var isInChart = (value.imgProps && value.imgProps.value && !_.isNull(value.imgProps.value.get_ChartProperties())), var isInChart = (value.imgProps && value.imgProps.value && !_.isNull(value.imgProps.value.get_ChartProperties())),
isInShape = (value.imgProps && value.imgProps.value && !_.isNull(value.imgProps.value.get_ShapeProperties())), isInShape = (value.imgProps && value.imgProps.value && !_.isNull(value.imgProps.value.get_ShapeProperties())),
@ -2122,7 +2129,7 @@ define([
me.fireEvent('editcomplete', me); me.fireEvent('editcomplete', me);
} }
return new Common.UI.Menu({ return new Common.UI.Menu({
cls: 'ppm-toolbar', cls: 'ppm-toolbar shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
items: [ items: [
new Common.UI.MenuItem({ new Common.UI.MenuItem({
@ -2208,7 +2215,7 @@ define([
} }
return new Common.UI.Menu({ return new Common.UI.Menu({
cls: 'ppm-toolbar', cls: 'ppm-toolbar shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
items: [ items: [
new Common.UI.MenuItem({ new Common.UI.MenuItem({
@ -2277,7 +2284,7 @@ define([
} }
return new Common.UI.Menu({ return new Common.UI.Menu({
cls: 'ppm-toolbar', cls: 'ppm-toolbar shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
items: [ items: [
new Common.UI.MenuItem({ new Common.UI.MenuItem({
@ -2411,6 +2418,7 @@ define([
var menuImgReplace = new Common.UI.MenuItem({ var menuImgReplace = new Common.UI.MenuItem({
caption : me.textReplace, caption : me.textReplace,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
items: [ items: [
new Common.UI.MenuItem({ new Common.UI.MenuItem({
@ -2478,6 +2486,7 @@ define([
var menuImgRotate = new Common.UI.MenuItem({ var menuImgRotate = new Common.UI.MenuItem({
caption : me.textRotate, caption : me.textRotate,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
items: [ items: [
new Common.UI.MenuItem({ new Common.UI.MenuItem({
@ -2508,6 +2517,7 @@ define([
me.menuImgCrop = new Common.UI.MenuItem({ me.menuImgCrop = new Common.UI.MenuItem({
caption : me.textCrop, caption : me.textCrop,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
items: [ items: [
new Common.UI.MenuItem({ new Common.UI.MenuItem({
@ -2529,6 +2539,7 @@ define([
}); });
this.pictureMenu = new Common.UI.Menu({ this.pictureMenu = new Common.UI.Menu({
cls: 'shifted-right',
initMenu: function(value){ initMenu: function(value){
if (_.isUndefined(value.imgProps)) if (_.isUndefined(value.imgProps))
return; return;
@ -2734,6 +2745,7 @@ define([
var menuTableCellAlign = new Common.UI.MenuItem({ var menuTableCellAlign = new Common.UI.MenuItem({
caption : me.cellAlignText, caption : me.cellAlignText,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
items : [ items : [
me.menuTableCellTop = new Common.UI.MenuItem({ me.menuTableCellTop = new Common.UI.MenuItem({
@ -2795,6 +2807,7 @@ define([
var menuHyperlinkTable = new Common.UI.MenuItem({ var menuHyperlinkTable = new Common.UI.MenuItem({
caption : me.hyperlinkText, caption : me.hyperlinkText,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
items : [ items : [
menuEditHyperlinkTable, menuEditHyperlinkTable,
@ -2816,6 +2829,7 @@ define([
var menuTableControl = new Common.UI.MenuItem({ var menuTableControl = new Common.UI.MenuItem({
caption: me.textContentControls, caption: me.textContentControls,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
items : [ items : [
menuTableRemoveControl, menuTableRemoveControl,
@ -2827,6 +2841,7 @@ define([
var menuTableTOC = new Common.UI.MenuItem({ var menuTableTOC = new Common.UI.MenuItem({
caption : me.textTOC, caption : me.textTOC,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
items : [ items : [
{ {
@ -2871,6 +2886,7 @@ define([
me.menuSpellMoreTable = new Common.UI.MenuItem({ me.menuSpellMoreTable = new Common.UI.MenuItem({
caption : me.moreText, caption : me.moreText,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
restoreHeight: true, restoreHeight: true,
items : [ items : [
@ -2935,6 +2951,7 @@ define([
iconCls: 'menu__icon btn-ic-docspell', iconCls: 'menu__icon btn-ic-docspell',
caption : me.spellcheckText, caption : me.spellcheckText,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
items : [ items : [
me.menuSpellTable, me.menuSpellTable,
@ -3003,7 +3020,7 @@ define([
var menuTableDirection = new Common.UI.MenuItem({ var menuTableDirection = new Common.UI.MenuItem({
caption : me.directionText, caption : me.directionText,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
cls: 'ppm-toolbar', cls: 'ppm-toolbar shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
items : [ items : [
me.menuTableDirectH = new Common.UI.MenuItem({ me.menuTableDirectH = new Common.UI.MenuItem({
@ -3052,6 +3069,7 @@ define([
var menuNumberingTable = new Common.UI.MenuItem({ var menuNumberingTable = new Common.UI.MenuItem({
caption : me.bulletsText, caption : me.bulletsText,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
items : [ items : [
menuTableStartNewList, menuTableStartNewList,
@ -3073,6 +3091,7 @@ define([
}); });
this.tableMenu = new Common.UI.Menu({ this.tableMenu = new Common.UI.Menu({
cls: 'shifted-right',
initMenu: function(value){ initMenu: function(value){
// table properties // table properties
if (_.isUndefined(value.tableProps)) if (_.isUndefined(value.tableProps))
@ -3244,6 +3263,7 @@ define([
{ {
caption : me.selectText, caption : me.selectText,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
style : 'width: 100px', style : 'width: 100px',
items : [ items : [
@ -3277,6 +3297,7 @@ define([
{ {
caption : me.insertText, caption : me.insertText,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
style : 'width: 100px', style : 'width: 100px',
items : [ items : [
@ -3315,6 +3336,7 @@ define([
{ {
caption : me.deleteText, caption : me.deleteText,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
style : 'width: 100px', style : 'width: 100px',
items : [ items : [
@ -3407,6 +3429,7 @@ define([
var menuParagraphVAlign = new Common.UI.MenuItem({ var menuParagraphVAlign = new Common.UI.MenuItem({
caption : me.vertAlignText, caption : me.vertAlignText,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
items : [ items : [
me.menuParagraphTop = new Common.UI.MenuItem({ me.menuParagraphTop = new Common.UI.MenuItem({
@ -3451,7 +3474,7 @@ define([
var menuParagraphDirection = new Common.UI.MenuItem({ var menuParagraphDirection = new Common.UI.MenuItem({
caption : me.directionText, caption : me.directionText,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
cls: 'ppm-toolbar', cls: 'ppm-toolbar shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
items : [ items : [
me.menuParagraphDirectH = new Common.UI.MenuItem({ me.menuParagraphDirectH = new Common.UI.MenuItem({
@ -3527,6 +3550,7 @@ define([
var menuHyperlinkPara = new Common.UI.MenuItem({ var menuHyperlinkPara = new Common.UI.MenuItem({
caption : me.hyperlinkText, caption : me.hyperlinkText,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
items : [ items : [
menuEditHyperlinkPara, menuEditHyperlinkPara,
@ -3539,6 +3563,7 @@ define([
var menuStyle = new Common.UI.MenuItem({ var menuStyle = new Common.UI.MenuItem({
caption: me.styleText, caption: me.styleText,
menu: new Common.UI.Menu({ menu: new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
items: [ items: [
me.menuStyleSave = new Common.UI.MenuItem({ me.menuStyleSave = new Common.UI.MenuItem({
@ -3559,6 +3584,7 @@ define([
me.menuSpellMorePara = new Common.UI.MenuItem({ me.menuSpellMorePara = new Common.UI.MenuItem({
caption : me.moreText, caption : me.moreText,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
restoreHeight: true, restoreHeight: true,
items: [] items: []
@ -3658,6 +3684,7 @@ define([
var menuParaTOCRefresh = new Common.UI.MenuItem({ var menuParaTOCRefresh = new Common.UI.MenuItem({
caption : me.textUpdateTOC, caption : me.textUpdateTOC,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
items : [ items : [
{ {
@ -3715,6 +3742,7 @@ define([
}); });
this.textMenu = new Common.UI.Menu({ this.textMenu = new Common.UI.Menu({
cls: 'shifted-right',
initMenu: function(value){ initMenu: function(value){
var isInShape = (value.imgProps && value.imgProps.value && !_.isNull(value.imgProps.value.get_ShapeProperties())); var isInShape = (value.imgProps && value.imgProps.value && !_.isNull(value.imgProps.value.get_ShapeProperties()));
var isInChart = (value.imgProps && value.imgProps.value && !_.isNull(value.imgProps.value.get_ChartProperties())); var isInChart = (value.imgProps && value.imgProps.value && !_.isNull(value.imgProps.value.get_ChartProperties()));
@ -3948,6 +3976,7 @@ define([
}); });
this.hdrMenu = new Common.UI.Menu({ this.hdrMenu = new Common.UI.Menu({
cls: 'shifted-right',
initMenu: function(value){ initMenu: function(value){
menuEditHeaderFooter.setCaption(value.Header ? me.editHeaderText : me.editFooterText, true); menuEditHeaderFooter.setCaption(value.Header ? me.editHeaderText : me.editFooterText, true);
menuEditHeaderFooter.off('click').on('click', function(item) { menuEditHeaderFooter.off('click').on('click', function(item) {

2
apps/documenteditor/main/app/view/Links.js
View file

@ -196,7 +196,6 @@ define([
var _menu = new Common.UI.Menu({ var _menu = new Common.UI.Menu({
cls: 'toc-menu shifted-left', cls: 'toc-menu shifted-left',
custom: true,
items: [ items: [
{template: contentsTemplate, offsety: 0, value: 0}, {template: contentsTemplate, offsety: 0, value: 0},
{template: contentsTemplate, offsety: 72, value: 1}, {template: contentsTemplate, offsety: 72, value: 1},
@ -210,7 +209,6 @@ define([
me.contentsMenu = new Common.UI.Menu({ me.contentsMenu = new Common.UI.Menu({
cls: 'toc-menu shifted-left', cls: 'toc-menu shifted-left',
custom: true,
items: [ items: [
{template: contentsTemplate, offsety: 0, value: 0}, {template: contentsTemplate, offsety: 0, value: 0},
{template: contentsTemplate, offsety: 72, value: 1}, {template: contentsTemplate, offsety: 72, value: 1},

29
apps/documenteditor/main/app/view/Toolbar.js
View file

@ -261,7 +261,6 @@ define([
split: true, split: true,
menu: new Common.UI.Menu({ menu: new Common.UI.Menu({
cls: 'shifted-left', cls: 'shifted-left',
custom: true,
items: [ items: [
{ {
id: 'id-toolbar-menu-auto-fontcolor', id: 'id-toolbar-menu-auto-fontcolor',
@ -439,9 +438,8 @@ define([
caption: me.capBtnInsTable, caption: me.capBtnInsTable,
menu: new Common.UI.Menu({ menu: new Common.UI.Menu({
cls: 'shifted-left', cls: 'shifted-left',
custom: true,
items: [ items: [
{template: _.template('<div id="id-toolbar-menu-tablepicker" class="dimension-picker" style="margin: 5px 12px;"></div>')}, {template: _.template('<div id="id-toolbar-menu-tablepicker" class="dimension-picker" style="margin: 5px 10px;"></div>')},
{caption: this.mniCustomTable, value: 'custom'}, {caption: this.mniCustomTable, value: 'custom'},
{caption: this.mniDrawTable, value: 'draw', checkable: true}, {caption: this.mniDrawTable, value: 'draw', checkable: true},
{caption: this.mniEraseTable, value: 'erase', checkable: true} {caption: this.mniEraseTable, value: 'erase', checkable: true}
@ -569,7 +567,7 @@ define([
iconCls: 'toolbar__icon btn-dropcap', iconCls: 'toolbar__icon btn-dropcap',
caption: me.capBtnInsDropcap, caption: me.capBtnInsDropcap,
menu: new Common.UI.Menu({ menu: new Common.UI.Menu({
cls: 'ppm-toolbar', cls: 'ppm-toolbar shifted-right',
items: [ items: [
{ {
caption: this.textNone, caption: this.textNone,
@ -609,16 +607,16 @@ define([
iconCls: 'toolbar__icon btn-controls', iconCls: 'toolbar__icon btn-controls',
caption: me.capBtnInsControls, caption: me.capBtnInsControls,
menu: new Common.UI.Menu({ menu: new Common.UI.Menu({
cls: 'ppm-toolbar', cls: 'ppm-toolbar shifted-right',
items: [ items: [
{ {
caption: this.textPlainControl, caption: this.textPlainControl,
// iconCls: 'menu__icon cc-plaintext', iconCls: 'menu__icon cc-plaintext',
value: 'plain' value: 'plain'
}, },
{ {
caption: this.textRichControl, caption: this.textRichControl,
// iconCls: 'menu__icon cc-richtext', iconCls: 'menu__icon cc-richtext',
value: 'rich' value: 'rich'
}, },
{ {
@ -674,7 +672,7 @@ define([
{caption: '--'}, {caption: '--'},
{ {
caption: this.textRemoveControl, caption: this.textRemoveControl,
// iconCls: 'menu__icon cc-remove', iconCls: 'menu__icon cc-remove',
value: 'remove' value: 'remove'
}, },
{caption: '--'}, {caption: '--'},
@ -710,7 +708,7 @@ define([
iconCls: 'toolbar__icon btn-columns', iconCls: 'toolbar__icon btn-columns',
caption: me.capBtnColumns, caption: me.capBtnColumns,
menu: new Common.UI.Menu({ menu: new Common.UI.Menu({
cls: 'ppm-toolbar', cls: 'ppm-toolbar shifted-right',
items: [ items: [
{ {
caption: this.textColumnsOne, caption: this.textColumnsOne,
@ -997,7 +995,6 @@ define([
iconCls: 'toolbar__icon btn-colorschemas', iconCls: 'toolbar__icon btn-colorschemas',
menu: new Common.UI.Menu({ menu: new Common.UI.Menu({
cls: 'shifted-left', cls: 'shifted-left',
custom: true,
items: [], items: [],
restoreHeight: true restoreHeight: true
}) })
@ -1473,6 +1470,7 @@ define([
}); });
me.btnImgAlign.setMenu(new Common.UI.Menu({ me.btnImgAlign.setMenu(new Common.UI.Menu({
cls: 'shifted-right',
items: [{ items: [{
caption : _holder_view.textShapeAlignLeft, caption : _holder_view.textShapeAlignLeft,
iconCls : 'menu__icon shape-align-left', iconCls : 'menu__icon shape-align-left',
@ -1652,10 +1650,9 @@ define([
this.btnMarkers.setMenu( this.btnMarkers.setMenu(
new Common.UI.Menu({ new Common.UI.Menu({
cls: 'shifted-left', cls: 'shifted-left',
custom: true,
style: 'min-width: 139px', style: 'min-width: 139px',
items: [ items: [
{template: _.template('<div id="id-toolbar-menu-markers" class="menu-markers" style="width: 139px; margin: 0 12px;"></div>')}, {template: _.template('<div id="id-toolbar-menu-markers" class="menu-markers" style="width: 139px; margin: 0 9px;"></div>')},
this.mnuMarkerSettings = new Common.UI.MenuItem({ this.mnuMarkerSettings = new Common.UI.MenuItem({
caption: this.textListSettings, caption: this.textListSettings,
disabled: (this.mnuMarkersPicker.conf.index || 0)==0, disabled: (this.mnuMarkersPicker.conf.index || 0)==0,
@ -1668,9 +1665,8 @@ define([
this.btnNumbers.setMenu( this.btnNumbers.setMenu(
new Common.UI.Menu({ new Common.UI.Menu({
cls: 'shifted-left', cls: 'shifted-left',
custom: true,
items: [ items: [
{template: _.template('<div id="id-toolbar-menu-numbering" class="menu-markers" style="width: 185px; margin: 0 12px;"></div>')}, {template: _.template('<div id="id-toolbar-menu-numbering" class="menu-markers" style="width: 185px; margin: 0 9px;"></div>')},
this.mnuNumberSettings = new Common.UI.MenuItem({ this.mnuNumberSettings = new Common.UI.MenuItem({
caption: this.textListSettings, caption: this.textListSettings,
disabled: (this.mnuNumbersPicker.conf.index || 0)==0, disabled: (this.mnuNumbersPicker.conf.index || 0)==0,
@ -1683,10 +1679,9 @@ define([
this.btnMultilevels.setMenu( this.btnMultilevels.setMenu(
new Common.UI.Menu({ new Common.UI.Menu({
cls: 'shifted-left', cls: 'shifted-left',
custom: true,
style: 'min-width: 90px', style: 'min-width: 90px',
items: [ items: [
{template: _.template('<div id="id-toolbar-menu-multilevels" class="menu-markers" style="width: 93px; margin: 0 12px;"></div>')}, {template: _.template('<div id="id-toolbar-menu-multilevels" class="menu-markers" style="width: 93px; margin: 0 9px;"></div>')},
this.mnuMultilevelSettings = new Common.UI.MenuItem({ this.mnuMultilevelSettings = new Common.UI.MenuItem({
caption: this.textListSettings, caption: this.textListSettings,
disabled: (this.mnuMultilevelPicker.conf.index || 0)==0, disabled: (this.mnuMultilevelPicker.conf.index || 0)==0,
@ -1706,7 +1701,9 @@ define([
caption: this.textInsertPageNumber, caption: this.textInsertPageNumber,
disabled: this.mnuInsertPageNum.isDisabled(), disabled: this.mnuInsertPageNum.isDisabled(),
menu: new Common.UI.Menu({ menu: new Common.UI.Menu({
cls: 'shifted-left',
menuAlign: 'tl-tr', menuAlign: 'tl-tr',
style: 'min-width: 90px;',
items: [ items: [
{template: _.template('<div id="id-toolbar-menu-pageposition" class="menu-pageposition"></div>')}, {template: _.template('<div id="id-toolbar-menu-pageposition" class="menu-pageposition"></div>')},
this.mnuPageNumCurrentPos = new Common.UI.MenuItem({ this.mnuPageNumCurrentPos = new Common.UI.MenuItem({

1
apps/documenteditor/main/app/view/WatermarkSettingsDialog.js
View file

@ -330,7 +330,6 @@ define(['text!documenteditor/main/app/template/WatermarkSettings.template',
hint : this.textColor, hint : this.textColor,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
cls: 'shifted-left', cls: 'shifted-left',
custom: true,
items: [ items: [
{ {
id: 'watermark-auto-color', id: 'watermark-auto-color',

2
apps/documenteditor/main/resources/less/toolbar.less
View file

@ -117,7 +117,7 @@
.dataview { .dataview {
width: 125px; width: 125px;
height: 85px; height: 85px;
margin: 0 auto; margin: 0 10px;
&.disabled { &.disabled {
> .item { > .item {