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

[scaling] changed button's svg icon adding for 2.5x

Browse source
This commit is contained in:
Maxim Kadushkin 2022-10-18 19:24:53 +03:00
parent 6fdaf5b14d
commit b70d36efad
3 changed files with 30 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
apps/common/main/lib/component/Button.js
View file

@ -353,16 +353,20 @@ define([
if ( e.matches ) {
console.log('scaling 250%');
if ( !me.$el.find('svg.icon').length ) {
const re_icon_name = /btn-[^\s]+/.exec(me.iconCls);
const icon_name = re_icon_name ? re_icon_name[0] : "null";
const svg_icon = `<svg class="icon"><use class="zoom-int" href="#${icon_name}"></use></svg>`;
me.$el.find('i.icon').replaceWith(svg_icon);
me.$el.find('i.icon').after(svg_icon);
}
} else {
console.log('scaling less than 250%');
if ( !me.$el.find('i.icon') ) {
const png_icon = `<i class="icon ${me.iconCls}">&nbsp;</i>`;
me.$el.find('svg.icon').replaceWith(png_icon);
me.$el.find('svg.icon').after(png_icon);
}
}
});
},

11
apps/common/main/lib/util/utils.js
View file

@ -187,11 +187,16 @@ var utils = new(function() {
if ( !/pixel-ratio__1_75/.test(classes) ) {
document.body.className = clear_list + ' pixel-ratio__1_75';
}
} else {
$root.addClass('pixel-ratio__2');
if ( !/pixel-ratio__2/.test(classes) ) {
} else
if ( !(scale.devicePixelRatio < 2) && scale.devicePixelRatio < 2.5 ) {
if ( !/pixel-ratio__2\b/.test(classes) ) {
document.body.className = clear_list + ' pixel-ratio__2';
}
} else {
// $root.addClass('pixel-ratio__2_5');
if ( !/pixel-ratio__2_5/.test(classes) ) {
document.body.className = clear_list + ' pixel-ratio__2_5';
}
}
me.zoom = scale.correct ? scale.zoom : 1;

14
apps/common/main/resources/less/buttons.less
View file

@ -424,8 +424,8 @@
only screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.9),
only screen and (min-resolution: 1.5dppx) and (max-resolution: 1.9dppx),
only screen and (min-resolution: 144dpi) and (max-resolution: 143dpi) {
width:calc(~"28px/1.5");
height:calc(~"28px/1.5");
//width:calc(~"28px/1.5");
//height:calc(~"28px/1.5");
}
}
}
@ -474,6 +474,16 @@
&.align-left {
text-align: left;
}
.pixel-ratio__2_5 & {
i.icon {
display: none;
}
}
& svg.icon:not(.pixel-ratio__2_5 *) {
display: none;
}
}
.btn-category {