wide screen scale problem

masterPice

Hi i got a DQHD display (5120×1440) and when i have the program over the full display, it scales up the image previews as well. The problem is, that they get way to big, i already have the slider for the preview size at the lowest.

i think ideal would be, if the images stay the same size, independend of the windows size or format(x/y). (currently: scale with the window.width)

p.s.: if someone works on this, maybe also make the slider a bit bigger and reach smaller and bigger values, currently it is a small slider with a lot of room for it to be wider and more accurate to adjust then.
nontheless thank you in advance, i would be happy to hear about this, even tho this might be rather a special problem 😅 , p.p.s: love this app 😃

Andrey

masterPice Can you please provide a screenshot to demostrate the issue?

masterPice

i hope it is readable and somewhat understandable 😅 ,
thanks :D

Andrey

masterPice Thank you, I understand now. It would be good to know how many users are also affected by this.

masterPice

Andrey great :D, i played around with it on a normal full HD monitor as well, if i put it to the left half of the monitor, the pictures suddenly are half the size, this also feels a bit unintuitive and then i have to adjust the size slider again ( like in the bottom of the picture i send before).

I personaly do this a lot, simply move the app on one side and have the windows explorer on the other or so, then go fullscreen again etc.

thanks for the fast responses btw :F

masterPice

Andrey update i found the solution

to do the warping thing:
in .webpack/renderer/main_window/index.css
go to each of the [data-zoom=“6”] .photo-cell{flex-basis:16.66%}
(from where 6 is all the values from 5 to 12)
and remove flex-basis:16.66%
-> [data-zoom=“6”] .photo-cell{}
now it works as intended

and for the silder size:
.webpack/renderer/main_window/index.html
replace
<div id=“zoom-slider-div”><div id=“zoom-out-btn”><img src=“../img/image.svg” height=“8px” class=“zoom-btn” id=“zoom-out-btn-img”></div><input type=“range” min=“-12” max=“-5” id=“zoom-slider” class=“zoom-slider” tabindex=“-1”><div id=“zoom-in-btn”><img src=“../img/image.svg” height=“12px” class=“zoom-btn” id=“zoom-in-btn-img”></div></div>
with
<div id=“zoom-slider-div”><div id=“zoom-out-btn”><img src=“../img/image.svg” height=“8px” class=“zoom-btn” id=“zoom-out-btn-img”></div><input type=“range” min=“-12” max=“-5” id=“zoom-slider” class=“zoom-slider” tabindex=“-1” style=“width:400px;”><div id=“zoom-in-btn”><img src=“../img/image.svg” height=“12px” class=“zoom-btn” id=“zoom-in-btn-img”></div></div>

now the slider is bigger

masterPice

Andrey if you could add tthat in the next update, i would love that :D

i hope its ok that i just gone a bit deeper into the code 😅

Andrey

masterPice wow, that was extreme…

Stig

hehe, this is not normal consumer equipment 😃 Nice you found the workaround.

masterPice

Stig i code and do a bit of “image magic” as a hobby as well, this program helps quite a bit with that, but for a huge monitor it helps to have some smaller ones xD