[scaling] apply icons for common controls on 125%/175% scaling

This commit is contained in:
Maxim Kadushkin 2021-08-19 17:22:21 +03:00
parent d4c5a4f19a
commit d2d85daa82

View file

@ -293,7 +293,9 @@
background-repeat: no-repeat;
filter: @component-normal-icon-filter;
@1d25ximage: replace(@common-controls, '\.png$', '@1.25x.png');
@1d5ximage: replace(@common-controls, '\.png$', '@1.5x.png');
@1d75ximage: replace(@common-controls, '\.png$', '@1.75x.png');
@2ximage: replace(@common-controls, '\.png$', '@2x.png');
@media only screen {
@ -313,6 +315,16 @@
background-size: @common-controls-width auto;
}
}
.pixel-ratio__1_25 & {
background-image: ~"url(@{common-image-const-path}/@{1d25ximage})";
background-size: @common-controls-width auto;
}
.pixel-ratio__1_75 & {
background-image: ~"url(@{common-image-const-path}/@{1d75ximage})";
background-size: @common-controls-width auto;
}
}
@img-colorpicker-width: 205px;