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

add icon btn-zoomup

Browse source
This commit is contained in:
OVSharova 2021-09-13 01:39:50 +03:00
parent a1a3bcdced
commit 9297d0ac45
2 changed files with 11 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1132,7 +1132,7 @@ define([
this.listStylesAdditionalMenuItem = new Common.UI.MenuItem({ this.listStylesAdditionalMenuItem = new Common.UI.MenuItem({
template: _.template( template: _.template(
'<div id="id-save-style-container" class = "save-style-container">' + '<div id="id-save-style-container" class = "save-style-container">' +
'<span id="id-save-style-plus" class="plus tool" ></span>' + '<span id="id-save-style-plus" class="tool plus icon toolbar__icon btn-zoomup">&nbsp;</span>' +
'<label id="id-save-style-link" class="save-style-link" >' + me.textStyleMenuNew + '</label>' + '<label id="id-save-style-link" class="save-style-link" >' + me.textStyleMenuNew + '</label>' +
'</div>') '</div>')
}); });

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

@ -168,48 +168,19 @@
margin-left: 22px; margin-left: 22px;
} }
.tool { .tool {
float: left;
width: 16px;
height: 16px;
cursor: pointer;
overflow: hidden;
padding: 0px; padding: 0px;
margin-left: 2px; margin-left: 2px;
margin-right: -16px; margin-right: -20px;
cursor: pointer;
&.plus { &.plus {
@size-plus:12px; display: inline-flex;
position: relative; flex-direction: column;
opacity: 1; align-items: center;
font-weight: bold; &.icon:not(svg) {
//width: calc(@size-plus/@pixel-ratio-factor); min-width: 20px;
//height: @size-plus; height: 20px;
&:hover { line-height: 18px;
opacity: 1;
}
&.disabled {
cursor: default;
opacity: 0.8;
}
&:before, &:after {
content: '';
position: absolute;
box-sizing: border-box;
left: 8px;
left: calc(8px/@pixel-ratio-factor);
top: 4px;
top: calc(4px/@pixel-ratio-factor);
border-left: 2px solid @text-normal-ie;
border-left: @scaled-two-px-value solid @text-normal ;
height: @size-plus;
}
&:after {
transform: rotate(90deg);
} }
} }
} }