search

sveltejs / svelte-devtools

A browser extension to inspect Svelte application by extending your browser devtools capabilities
https://chromewebstore.google.com/detail/svelte-devtools/kfidecgcdjjfpeckbblhmfkhmlgecoff
MIT License
1.48k stars 79 forks source link

[Bug] Base size too small on HiDPI screen #57

Closed KaKi87 closed 1 year ago

KaKi87 commented 3 years ago

Describe the bug Svelte Devtools base size for text and elements is too small on HiDPI screens.

To Reproduce Steps to reproduce the behavior:

  1. Install Svelte Devtools on a computer using a HiDPI screen

Expected behavior Svelte Devtools would scale properly like Chrome Devtools does.

Environment

Additional context

Chrome DevTools :

2021-06-26 11_02_59-DesktopWindowXamlSource

Svelte DevTools :

2021-06-26 11_03_29-DesktopWindowXamlSource

Thanks

robole commented 3 years ago

This also applies to Firefox 93 (Ubuntu) also. Screen res: 1920 x 1080.

Font size is smaller than Firefox Devtool, and it does not increase in size when you zoom in with Ctrl + +.

Svelte Devtool:

Kazam_screenshot_00001

Firefox Devtool:

Kazam_screenshot_00002

I did a quick test to see if removing the font-size from html and body works, and it restored the size and zoom capability, but some extra spaces were introduced into the html output. Using em or rem in a few places might work better than px too.

mgrubinger commented 1 year ago

I agree, it's very hard to read. Now that the extension kindof works again for Chrome(-ium) based browsers, it might be worth to start improving it? Not sure if builds would reach the Chrome/Firefox extension stores though. Does anyone have insights into the status of this project?