search

hppeng-wynn / hppeng-wynn.github.io

MIT License
16 stars 32 forks source link

Add small desktop layout #181

Closed dr-carlos closed 2 years ago

dr-carlos commented 2 years ago

Hello!

For users with smaller desktops, or those who split screen, the mobile layout is used, but because the user is still on a desktop, the texst is far too big and it is a pain to scroll through everything.

Thus, I have copied the @media selector in sq2bs.css to display the desktop layout when one is using a landscape screen smaller than 1200px (and thus not activating both selectors). The only difference between the standard desktop layout and the small desktop layout as of now is that .skp-tootip (skill point text) font size has been changed to 1rem to match the standard font size.

The other difference is that bootstrap uses a min-width: 1200px @media selector (and thus does not support small desktop mode), so the UI only has one column in small desktop mode, as opposed to two in standard desktop mode.

hppeng-wynn commented 2 years ago

image there's still a bit of polishing to do but this works as an improvement for now. Thanks!

haha as a splitscreen user I had trouble with this myself lol