add icon btn-zoomup

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

View file

@ -1132,7 +1132,7 @@ define([
this.listStylesAdditionalMenuItem = new Common.UI.MenuItem({
template: _.template(
'<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>' +
'</div>')
});

View file

@ -169,47 +169,18 @@
}
.tool {
float: left;
width: 16px;
height: 16px;
cursor: pointer;
overflow: hidden;
padding: 0px;
margin-left: 2px;
margin-right: -16px;
margin-right: -20px;
cursor: pointer;
&.plus {
@size-plus:12px;
position: relative;
opacity: 1;
font-weight: bold;
//width: calc(@size-plus/@pixel-ratio-factor);
//height: @size-plus;
&:hover {
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);
display: inline-flex;
flex-direction: column;
align-items: center;
&.icon:not(svg) {
min-width: 20px;
height: 20px;
line-height: 18px;
}
}
}