diff --git a/apps/common/main/resources/less/buttons.less b/apps/common/main/resources/less/buttons.less index 8cb8df299c..213acbb00d 100644 --- a/apps/common/main/resources/less/buttons.less +++ b/apps/common/main/resources/less/buttons.less @@ -28,6 +28,10 @@ .btnsize(37px); } + &.huge-1 { + .btnsize(45px); + } + &.x-huge { .btnsize(@x-huge-btn-height); } @@ -580,6 +584,10 @@ .box-shadow(none); background-color: transparent; + &.bg-white { + background-color: #fff; + } + .icon { position: relative; min-width: inherit; diff --git a/apps/documenteditor/main/app/view/DropcapSettingsAdvanced.js b/apps/documenteditor/main/app/view/DropcapSettingsAdvanced.js index d28c87872f..91a8b39f8c 100644 --- a/apps/documenteditor/main/app/view/DropcapSettingsAdvanced.js +++ b/apps/documenteditor/main/app/view/DropcapSettingsAdvanced.js @@ -301,7 +301,7 @@ define([ }, me)); this.btnNone = new Common.UI.Button({ - cls : 'btn x-huge btn-options', + cls : 'btn huge-1 btn-options', iconCls : 'icon-advanced-wrap btn-drop-none', enableToggle: true, toggleGroup : 'dropAdvGroup', @@ -316,7 +316,7 @@ define([ }, me)); this.btnInText = new Common.UI.Button({ - cls : 'btn x-huge btn-options', + cls : 'btn huge-1 btn-options', iconCls : 'icon-advanced-wrap btn-drop-text', enableToggle: true, toggleGroup : 'dropAdvGroup', @@ -331,7 +331,7 @@ define([ }, me)); this.btnInMargin = new Common.UI.Button({ - cls : 'btn x-huge btn-options', + cls : 'btn huge-1 btn-options', iconCls : 'icon-advanced-wrap btn-drop-margin', enableToggle: true, toggleGroup : 'dropAdvGroup', diff --git a/apps/documenteditor/main/app/view/HeaderFooterSettings.js b/apps/documenteditor/main/app/view/HeaderFooterSettings.js index f61c6c93a9..92adeac76d 100644 --- a/apps/documenteditor/main/app/view/HeaderFooterSettings.js +++ b/apps/documenteditor/main/app/view/HeaderFooterSettings.js @@ -231,7 +231,7 @@ define([ this._btnsPosition = []; _.each(_arrPosition, function(item, index, list){ var _btn = new Common.UI.Button({ - cls: 'btn-options huge', + cls: 'btn-options huge bg-white', iconCls: item[2], posWhere:item[0], posAlign:item[1], diff --git a/apps/documenteditor/main/app/view/ImageSettingsAdvanced.js b/apps/documenteditor/main/app/view/ImageSettingsAdvanced.js index fee87f4778..783722a266 100644 --- a/apps/documenteditor/main/app/view/ImageSettingsAdvanced.js +++ b/apps/documenteditor/main/app/view/ImageSettingsAdvanced.js @@ -398,7 +398,7 @@ define([ 'text!documenteditor/main/app/template/ImageSettingsAdvanced.templat // Wrapping this.btnWrapInline = new Common.UI.Button({ - cls: 'btn-options x-huge', + cls: 'btn-options huge-1', iconCls: 'icon-advanced-wrap btn-wrap-inline', posId: Asc.c_oAscWrapStyle2.Inline, hint: this.textWrapInlineTooltip, @@ -410,7 +410,7 @@ define([ 'text!documenteditor/main/app/template/ImageSettingsAdvanced.templat this.btnWrapInline.on('click', _.bind(this.onBtnWrapClick, this)); this.btnWrapSquare = new Common.UI.Button({ - cls: 'btn-options x-huge', + cls: 'btn-options huge-1', iconCls: 'icon-advanced-wrap btn-wrap-square', posId: Asc.c_oAscWrapStyle2.Square, hint: this.textWrapSquareTooltip, @@ -422,7 +422,7 @@ define([ 'text!documenteditor/main/app/template/ImageSettingsAdvanced.templat this.btnWrapSquare.on('click', _.bind(this.onBtnWrapClick, this)); this.btnWrapTight = new Common.UI.Button({ - cls: 'btn-options x-huge', + cls: 'btn-options huge-1', iconCls: 'icon-advanced-wrap btn-wrap-tight', posId: Asc.c_oAscWrapStyle2.Tight, hint: this.textWrapTightTooltip, @@ -434,7 +434,7 @@ define([ 'text!documenteditor/main/app/template/ImageSettingsAdvanced.templat this.btnWrapTight.on('click', _.bind(this.onBtnWrapClick, this)); this.btnWrapThrough = new Common.UI.Button({ - cls: 'btn-options x-huge', + cls: 'btn-options huge-1', iconCls: 'icon-advanced-wrap btn-wrap-through', posId: Asc.c_oAscWrapStyle2.Through, hint: this.textWrapThroughTooltip, @@ -446,7 +446,7 @@ define([ 'text!documenteditor/main/app/template/ImageSettingsAdvanced.templat this.btnWrapThrough.on('click', _.bind(this.onBtnWrapClick, this)); this.btnWrapTopBottom = new Common.UI.Button({ - cls: 'btn-options x-huge', + cls: 'btn-options huge-1', iconCls: 'icon-advanced-wrap btn-wrap-topbottom', posId: Asc.c_oAscWrapStyle2.TopAndBottom, hint: this.textWrapTopbottomTooltip, @@ -458,7 +458,7 @@ define([ 'text!documenteditor/main/app/template/ImageSettingsAdvanced.templat this.btnWrapTopBottom.on('click', _.bind(this.onBtnWrapClick, this)); this.btnWrapBehind = new Common.UI.Button({ - cls: 'btn-options x-huge', + cls: 'btn-options huge-1', iconCls: 'icon-advanced-wrap btn-wrap-behind', posId: Asc.c_oAscWrapStyle2.Behind, hint: this.textWrapBehindTooltip, @@ -470,7 +470,7 @@ define([ 'text!documenteditor/main/app/template/ImageSettingsAdvanced.templat this.btnWrapBehind.on('click', _.bind(this.onBtnWrapClick, this)); this.btnWrapInFront = new Common.UI.Button({ - cls: 'btn-options x-huge', + cls: 'btn-options huge-1', iconCls: 'icon-advanced-wrap btn-wrap-infront', posId: Asc.c_oAscWrapStyle2.InFront, hint: this.textWrapInFrontTooltip,