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

[scaling] create svg icon in button for big scaling

Browse source
This commit is contained in:
Maxim Kadushkin 2022-10-15 11:10:25 +03:00
parent 545e585ccc
commit 3e985ad22f
1 changed files with 19 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -346,6 +346,25 @@ define([
me.render();
} else if (me.options.parentEl)
me.render(me.options.parentEl);
const str_mq_250 = `screen and (-webkit-min-device-pixel-ratio: 2.5),
screen and (min-resolution: 2.5dppx), screen and (min-resolution: 240dpi)`;
window.matchMedia(str_mq_250).addEventListener('change', e => {
if ( e.matches ) {
console.log('scaling 250%');
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);
} else {
console.log('scaling less than 250%');
const png_icon = `<i class="icon ${me.iconCls}">&nbsp;</i>`;
me.$el.find('svg.icon').replaceWith(png_icon);
}
});
},
getCaptionWithBreaks: function (caption) {