starred/hoppscotch

Fork 0

mirror of https://github.com/hoppscotch/hoppscotch.git synced 2026-04-25 16:55:59 +03:00

[GH-ISSUE #3545] [feature]: Implement Zoom Feature for Enhanced Desktop App Functionality #1213

New issue

Open

opened 2026-03-16 19:17:12 +03:00 by kerem · 17 comments

kerem commented

2026-03-16 19:17:12 +03:00

Owner

Originally created by @mehdi-alouane on GitHub (Nov 13, 2023).
Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/3545

Is there an existing issue for this?

I have searched the existing issues

Summary

The current desktop app lacks a built-in zoom function.

Why should this be worked on?

The current desktop app lacks a built-in zoom function, which I believe is an essential feature, especially for larger monitors. Without the ability to increase the font size, this becomes even more necessary.

Originally created by @mehdi-alouane on GitHub (Nov 13, 2023). Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/3545 ### Is there an existing issue for this? - [X] I have searched the existing issues ### Summary The current desktop app lacks a built-in zoom function. ### Why should this be worked on? The current desktop app lacks a built-in zoom function, which I believe is an essential feature, especially for larger monitors. Without the ability to increase the font size, this becomes even more necessary.

kerem added the

feature

desktop

labels

2026-03-16 19:17:12 +03:00

kerem commented

2026-03-16 19:17:24 +03:00

Author

Owner

@vekien commented on GitHub (Nov 24, 2023):

+1 for this, desperately, it's extremely hard to read on my Macbook with 2304x1440 res, it's like everything is at 8px font size. Very very difficult. Even a simple font-size option would be huge.

Posting comment to express importance and accessibility struggle.

@vekien commented on GitHub (Nov 24, 2023): +1 for this, desperately, it's extremely hard to read on my Macbook with 2304x1440 res, it's like everything is at 8px font size. Very very difficult. Even a simple font-size option would be huge. Posting comment to express importance and accessibility struggle.

kerem commented

2026-03-16 19:17:29 +03:00

Author

Owner

@liyasthomas commented on GitHub (Nov 25, 2023):

Thanks for testing out our alpha release candidates of the Hoppscotch desktop app.

This is a known issue which we're currently working on. Expect this to be solved in the stable release scheduled for December.

@liyasthomas commented on GitHub (Nov 25, 2023): Thanks for testing out our alpha release candidates of the Hoppscotch desktop app. This is a known issue which we're currently working on. Expect this to be solved in the stable release scheduled for December.

kerem commented

2026-03-16 19:17:34 +03:00

Author

Owner

@vieiraes commented on GitHub (May 29, 2024):

This functionality is truly necessary for those who need to use larger fonts on the screen due to vision difficulties.

@vieiraes commented on GitHub (May 29, 2024): This functionality is truly necessary for those who need to use larger fonts on the screen due to vision difficulties.

kerem commented

2026-03-16 19:17:39 +03:00

Author

Owner

@yoratoni commented on GitHub (Jun 15, 2024):

Yeah, I'm using a widescreen (21:9) and it makes Hoppscotch desktop almost unusable..

@yoratoni commented on GitHub (Jun 15, 2024): Yeah, I'm using a widescreen (21:9) and it makes Hoppscotch desktop almost unusable..

kerem commented

2026-03-16 19:17:44 +03:00

Author

Owner

@tdharris commented on GitHub (Jun 15, 2024):

I'm using a 27" 2k resolution monitor and everything is just barely too small.. can't use it. 😞 What's the status on this one?

@tdharris commented on GitHub (Jun 15, 2024): I'm using a 27" 2k resolution monitor and everything is just barely too small.. can't use it. 😞 What's the status on this one?

kerem commented

2026-03-16 19:17:49 +03:00

Author

Owner

@Gandalf-pro commented on GitHub (Jul 13, 2024):

For the time being i just increased the scale factor to 2 on the .desktop entry with the env variable GDK_SCALE=2.
Its a bit bigger then i would like but fractional scaling doesn't work.

Disclaimer i am on linux and using AppImage

@Gandalf-pro commented on GitHub (Jul 13, 2024): For the time being i just increased the scale factor to 2 on the .desktop entry with the env variable GDK_SCALE=2. Its a bit bigger then i would like but fractional scaling doesn't work. Disclaimer i am on linux and using AppImage

kerem commented

2026-03-16 19:17:54 +03:00

Author

Owner

@szv commented on GitHub (Jul 20, 2024):

Since Hoppscotch uses the relative unit rem in the styles, an approach could be to set the font-size in :root of the stylesheet.
Setting the font-size there to e.g. 20pt leeds to a "higher zoom/zoomed in", whereas a font-size of 10pt would be a "smaller zoom/zoomed out".

I tested it in the developer tools (Ctrl+Shift+I) in the Hoppscotch Desktop application v.2024.6.0:

20pt

:root {
  font-size: 20pt;
}

10pt

:root {
  font-size: 10pt;
}

@szv commented on GitHub (Jul 20, 2024): Since Hoppscotch uses the relative unit `rem` in the styles, an approach could be to set the `font-size` in `:root` of the stylesheet. Setting the font-size there to e.g. 20pt leeds to a "higher zoom/zoomed in", whereas a font-size of 10pt would be a "smaller zoom/zoomed out". I tested it in the developer tools (Ctrl+Shift+I) in the Hoppscotch Desktop application v.2024.6.0: ## 20pt ```CSS :root { font-size: 20pt; } ``` ![image](https://github.com/user-attachments/assets/4f0e16c9-afb1-4d80-a86a-29c4cad0c1f1) ## 10pt ```CSS :root { font-size: 10pt; } ``` ![image](https://github.com/user-attachments/assets/840ee538-6033-404b-b74b-69607cbc5994)

kerem commented

2026-03-16 19:17:59 +03:00

Author

Owner

@ChaitanyaPTank commented on GitHub (Jul 20, 2024):

Any update on this ? Where can I check progress or roadmap ?

Edit:
Any ongoing discussion on this ? If it's not too complex, I would like to contribute to it.
Desktop app is built using Tauri (if I'm not mistaken), why we can not have the Web View's zoom enabled ?

@ChaitanyaPTank commented on GitHub (Jul 20, 2024): Any update on this ? Where can I check progress or roadmap ? **Edit:** Any ongoing discussion on this ? If it's not too complex, I would like to contribute to it. Desktop app is built using `Tauri` (if I'm not mistaken), why we can not have the Web View's zoom enabled ?

kerem commented

2026-03-16 19:18:04 +03:00

Author

Owner

@shellking4 commented on GitHub (Aug 19, 2024):

Just gave up on this and self-hosted it instead. A better option.

I've setup this docker compose inspired by what is in the hoppscotch repo
https://github.com/shellking4/hoppscotch-self-host.

When the services are up and running you can access the app on localhost:3000. Then you can install it as pwa and zoom it as you want

@shellking4 commented on GitHub (Aug 19, 2024): Just gave up on this and self-hosted it instead. A better option. I've setup this docker compose inspired by what is in the hoppscotch repo https://github.com/shellking4/hoppscotch-self-host. When the services are up and running you can access the app on localhost:3000. Then you can install it as pwa and zoom it as you want

kerem commented

2026-03-16 19:18:09 +03:00

Author

Owner

@ttv20 commented on GitHub (Oct 6, 2024):

a workaround
In linux (and mac?) you can add env to the app .desktop file (ussally at ~/.local/share/applications/hoppscotch.desktop):
Exec=env GDK_DPI_SCALE=1.2 hoppscotch

It should work in windows too, I didn't tested it
create a shortcut to:
cmd /c "set MY_VAR=123 && start "" the_app_path"

@ttv20 commented on GitHub (Oct 6, 2024): a workaround In linux (and mac?) you can add env to the app `.desktop` file (ussally at `~/.local/share/applications/hoppscotch.desktop`): `Exec=env GDK_DPI_SCALE=1.2 hoppscotch` It should work in windows too, I didn't tested it create a shortcut to: `cmd /c "set MY_VAR=123 && start "" the_app_path"`

kerem commented

2026-03-16 19:18:15 +03:00

Author

Owner

@driskell commented on GitHub (Oct 28, 2024):

Having this problem where the UI just gets squashed on small size screens. I'm usually able to zoom such apps so would be great to restore this. It's not just a good practice due to differing size screens but also good for accessibility.

@driskell commented on GitHub (Oct 28, 2024): Having this problem where the UI just gets squashed on small size screens. I'm usually able to zoom such apps so would be great to restore this. It's not just a good practice due to differing size screens but also good for accessibility.

kerem commented

2026-03-16 19:18:20 +03:00

Author

Owner

@tdharris commented on GitHub (Oct 29, 2024):

Here are alternatives for anyone else who also considers this a deal breaker:
https://openalternative.co/alternatives/postman

@tdharris commented on GitHub (Oct 29, 2024): Here are alternatives for anyone else who also considers this a deal breaker: https://openalternative.co/alternatives/postman

kerem commented

2026-03-16 19:18:25 +03:00

Author

Owner

@kytosai commented on GitHub (Dec 5, 2024):

We really need the zoom in/out feature of the application; the current UI wastes too much display area, everything is too large and takes up space unnecessarily.

@kytosai commented on GitHub (Dec 5, 2024): We really need the zoom in/out feature of the application; the current UI wastes too much display area, everything is too large and takes up space unnecessarily.

kerem commented

2026-03-16 19:18:30 +03:00

Author

Owner

@liyasthomas commented on GitHub (Dec 5, 2024):

We are planning to add the zoom feature to our desktop applications soon.
Thanks for your support and patience.

@liyasthomas commented on GitHub (Dec 5, 2024): We are planning to add the zoom feature to our desktop applications soon. Thanks for your support and patience.

kerem commented

2026-03-16 19:18:35 +03:00

Author

Owner

@prantlf commented on GitHub (Jan 10, 2025):

I use a scaled resolution. Other applications like Mail or Firefox work well. But it's next to impossible to use Hoppscotch on my Mac. It's too much eye-strain. And it's more pronounced, because Hoppscotch shows some texts grey on white, which makes them even less readable.

How about restoring the font size configuration, until you add the zoom feature? It should be simple, you had the feature.
Or how about allowing a custom stylesheet to tweak the application styling? It should be a little work, no need for fancy styling/theming UI forms.

For the time being, I use Bruno instead of Hoppscotch. Black texts on white, great readability. Ctrl/Cmd+Plus works there.

@prantlf commented on GitHub (Jan 10, 2025): I use a scaled resolution. Other applications like Mail or Firefox work well. But it's next to impossible to use Hoppscotch on my Mac. It's too much eye-strain. And it's more pronounced, because Hoppscotch shows some texts grey on white, which makes them even less readable. * How about restoring the font size configuration, until you add the zoom feature? It should be simple, you had the feature. * Or how about allowing a custom stylesheet to tweak the application styling? It should be a little work, no need for fancy styling/theming UI forms. For the time being, I use Bruno instead of Hoppscotch. Black texts on white, great readability. Ctrl/Cmd+Plus works there.

kerem commented

2026-03-16 19:18:40 +03:00

Author

Owner

@frogfreg commented on GitHub (Jan 31, 2025):

developer tools (Ctrl+Shift+I) -> elements tab

body{
  zoom: 150%;
}

This has worked for me in the meantime

@frogfreg commented on GitHub (Jan 31, 2025): developer tools (Ctrl+Shift+I) -> elements tab ``` body{ zoom: 150%; } ``` This has worked for me in the meantime

kerem commented

2026-03-16 19:18:45 +03:00

Author

Owner

@ran222 commented on GitHub (Jul 15, 2025):

in the developer tools (Ctrl+Shift+I)

var style = document.createElement('style');
style.innerHTML = ":root { font-size: 20pt; }";
document.head.appendChild(style);

@ran222 commented on GitHub (Jul 15, 2025): in the developer tools (Ctrl+Shift+I) var style = document.createElement('style'); style.innerHTML = ":root { font-size: 20pt; }"; document.head.appendChild(style);