[DE] fixed some components for x1.5 scaling
This commit is contained in:
parent
9756209cb8
commit
2ba6fdd351
|
@ -19,6 +19,7 @@
|
|||
position: relative;
|
||||
width: @trigger-width;
|
||||
height: @spin-height/2 - 1;
|
||||
height: calc(@spin-height/2 - 1px/@pixel-ratio-factor);
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
|
|
|
@ -221,20 +221,20 @@ define([
|
|||
createDelayedControls: function() {
|
||||
var me = this;
|
||||
var _arrPosition = [
|
||||
[c_pageNumPosition.PAGE_NUM_POSITION_TOP, c_pageNumPosition.PAGE_NUM_POSITION_LEFT, 'icon-right-panel btn-colontitul-tl', 'headerfooter-button-top-left', this.textTopLeft],
|
||||
[c_pageNumPosition.PAGE_NUM_POSITION_TOP, c_pageNumPosition.PAGE_NUM_POSITION_CENTER, 'icon-right-panel btn-colontitul-tc', 'headerfooter-button-top-center', this.textTopCenter],
|
||||
[c_pageNumPosition.PAGE_NUM_POSITION_TOP, c_pageNumPosition.PAGE_NUM_POSITION_RIGHT, 'icon-right-panel btn-colontitul-tr', 'headerfooter-button-top-right', this.textTopRight],
|
||||
[c_pageNumPosition.PAGE_NUM_POSITION_BOTTOM, c_pageNumPosition.PAGE_NUM_POSITION_LEFT, 'icon-right-panel btn-colontitul-bl', 'headerfooter-button-bottom-left', this.textBottomLeft],
|
||||
[c_pageNumPosition.PAGE_NUM_POSITION_BOTTOM, c_pageNumPosition.PAGE_NUM_POSITION_CENTER, 'icon-right-panel btn-colontitul-bc', 'headerfooter-button-bottom-center', this.textBottomCenter],
|
||||
[c_pageNumPosition.PAGE_NUM_POSITION_BOTTOM, c_pageNumPosition.PAGE_NUM_POSITION_RIGHT, 'icon-right-panel btn-colontitul-br', 'headerfooter-button-bottom-right', this.textBottomRight]
|
||||
[c_pageNumPosition.PAGE_NUM_POSITION_TOP, c_pageNumPosition.PAGE_NUM_POSITION_LEFT, 'page-number-top-left', 'headerfooter-button-top-left', this.textTopLeft],
|
||||
[c_pageNumPosition.PAGE_NUM_POSITION_TOP, c_pageNumPosition.PAGE_NUM_POSITION_CENTER, 'page-number-top-center', 'headerfooter-button-top-center', this.textTopCenter],
|
||||
[c_pageNumPosition.PAGE_NUM_POSITION_TOP, c_pageNumPosition.PAGE_NUM_POSITION_RIGHT, 'page-number-top-right', 'headerfooter-button-top-right', this.textTopRight],
|
||||
[c_pageNumPosition.PAGE_NUM_POSITION_BOTTOM, c_pageNumPosition.PAGE_NUM_POSITION_LEFT, 'page-number-bottom-left', 'headerfooter-button-bottom-left', this.textBottomLeft],
|
||||
[c_pageNumPosition.PAGE_NUM_POSITION_BOTTOM, c_pageNumPosition.PAGE_NUM_POSITION_CENTER, 'page-number-bottom-center', 'headerfooter-button-bottom-center', this.textBottomCenter],
|
||||
[c_pageNumPosition.PAGE_NUM_POSITION_BOTTOM, c_pageNumPosition.PAGE_NUM_POSITION_RIGHT, 'page-number-bottom-right', 'headerfooter-button-bottom-right', this.textBottomRight]
|
||||
];
|
||||
|
||||
this._btnsPosition = [];
|
||||
_.each(_arrPosition, function(item, index, list){
|
||||
var _btn = new Common.UI.Button({
|
||||
parentEl: $('#'+item[3]),
|
||||
cls: 'btn-options huge bg-white',
|
||||
iconCls: item[2],
|
||||
cls: 'btn-options huge-1 bg-white',
|
||||
iconCls: 'options__icon options__icon-huge ' + item[2],
|
||||
posWhere:item[0],
|
||||
posAlign:item[1],
|
||||
hint: item[4]
|
||||
|
|
|
@ -1882,55 +1882,55 @@ define([
|
|||
allowScrollbar: false,
|
||||
store: new Common.UI.DataViewStore([
|
||||
{
|
||||
offsety: 132,
|
||||
allowSelected: false,
|
||||
iconname: 'page-number-top-left',
|
||||
data: {
|
||||
type: c_pageNumPosition.PAGE_NUM_POSITION_TOP,
|
||||
subtype: c_pageNumPosition.PAGE_NUM_POSITION_LEFT
|
||||
}
|
||||
},
|
||||
{
|
||||
offsety: 99,
|
||||
allowSelected: false,
|
||||
iconname: 'page-number-top-center',
|
||||
data: {
|
||||
type: c_pageNumPosition.PAGE_NUM_POSITION_TOP,
|
||||
subtype: c_pageNumPosition.PAGE_NUM_POSITION_CENTER
|
||||
}
|
||||
},
|
||||
{
|
||||
offsety: 66,
|
||||
allowSelected: false,
|
||||
iconname: 'page-number-top-right',
|
||||
data: {
|
||||
type: c_pageNumPosition.PAGE_NUM_POSITION_TOP,
|
||||
subtype: c_pageNumPosition.PAGE_NUM_POSITION_RIGHT
|
||||
}
|
||||
},
|
||||
{
|
||||
offsety: 33,
|
||||
allowSelected: false,
|
||||
iconname: 'page-number-bottom-left',
|
||||
data: {
|
||||
type: c_pageNumPosition.PAGE_NUM_POSITION_BOTTOM,
|
||||
subtype: c_pageNumPosition.PAGE_NUM_POSITION_LEFT
|
||||
}
|
||||
},
|
||||
{
|
||||
offsety: 0,
|
||||
allowSelected: false,
|
||||
iconname: 'page-number-bottom-center',
|
||||
data: {
|
||||
type: c_pageNumPosition.PAGE_NUM_POSITION_BOTTOM,
|
||||
subtype: c_pageNumPosition.PAGE_NUM_POSITION_CENTER
|
||||
}
|
||||
},
|
||||
{
|
||||
offsety: 165,
|
||||
allowSelected: false,
|
||||
iconname: 'page-number-bottom-right',
|
||||
data: {
|
||||
type: c_pageNumPosition.PAGE_NUM_POSITION_BOTTOM,
|
||||
subtype: c_pageNumPosition.PAGE_NUM_POSITION_RIGHT
|
||||
}
|
||||
}
|
||||
]),
|
||||
itemTemplate: _.template('<div id="<%= id %>" class="item-pagenumber" style="background-position: 0 -<%= offsety %>px"></div>')
|
||||
itemTemplate: _.template('<div id="<%= id %>" class="item-pagenumber options__icon options__icon-huge <%= iconname %>"></div>')
|
||||
});
|
||||
_conf && this.mnuPageNumberPosPicker.setDisabled(_conf.disabled);
|
||||
|
||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 167 B |
Binary file not shown.
Before Width: | Height: | Size: 239 B |
|
@ -160,6 +160,8 @@
|
|||
--big-icon-background-image: ~"url(@{app-image-const-path}/iconsbig@2x.png)";
|
||||
--huge-icon-background-image: ~"url(@{app-image-const-path}/iconshuge@2x.png)";
|
||||
}
|
||||
|
||||
@huge-icon-background-image: var(--huge-icon-background-image);
|
||||
}
|
||||
|
||||
.font-size-small {
|
||||
|
|
|
@ -18,12 +18,11 @@
|
|||
.background-ximage-v2('right-panels/RightPanelBigBtns.png', 74px, @commonimage: false);
|
||||
}
|
||||
|
||||
.button-normal-icon(btn-colontitul-tl, 3, @huge-icon-size, @button-huge-normal-icon-offset-x);
|
||||
.button-normal-icon(btn-colontitul-tc, 4, @huge-icon-size, @button-huge-normal-icon-offset-x);
|
||||
.button-normal-icon(btn-colontitul-tr, 5, @huge-icon-size, @button-huge-normal-icon-offset-x);
|
||||
.button-normal-icon(btn-colontitul-bl, 6, @huge-icon-size, @button-huge-normal-icon-offset-x);
|
||||
.button-normal-icon(btn-colontitul-bc, 7, @huge-icon-size, @button-huge-normal-icon-offset-x);
|
||||
.button-normal-icon(btn-colontitul-br, 8, @huge-icon-size, @button-huge-normal-icon-offset-x);
|
||||
.ie {
|
||||
.options__icon.options__icon-huge {
|
||||
.background-ximage('@{app-image-path}/iconshuge.png', '@{app-image-path}/iconshuge@2x.png', 40px);
|
||||
}
|
||||
}
|
||||
|
||||
.button-normal-icon(btn-wrap-none, 9, @huge-icon-size, @button-xhuge-normal-icon-offset-x);
|
||||
.button-normal-icon(btn-wrap-parallel, 10, @huge-icon-size, @button-xhuge-normal-icon-offset-x);
|
||||
|
|
|
@ -85,8 +85,8 @@
|
|||
// page number position
|
||||
.menu-pageposition {
|
||||
.dataview {
|
||||
width: 125px;
|
||||
height: 85px;
|
||||
width: 144px;
|
||||
height: 100px;
|
||||
margin: 0 10px;
|
||||
|
||||
&.disabled {
|
||||
|
@ -103,9 +103,12 @@
|
|||
}
|
||||
|
||||
.item-pagenumber {
|
||||
.background-ximage('@{app-image-path}/toolbar/colontitules.png', '@{app-image-path}/toolbar/colontitules@2x.png', 33px);
|
||||
width: 33px;
|
||||
height: 33px;
|
||||
.ie & {
|
||||
.background-ximage('@{app-image-path}/iconshuge.png', '@{app-image-path}/iconshuge@2x.png', 40px);
|
||||
}
|
||||
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue