Page 1 of 1

utilizing full screenspace

Posted: Tue Sep 18, 2018 2:12 am
by DR TEAMCAST
the site currently only utilizes like 1/2 of the screenspace at 1080p, it would be nice to see some experimentation on 'stretching' or expanding the amount of screenspace the forum uses. could add a lot of stuff to the top toolbar too

the aesthetic of the site is still great but there can be so much more displayed

Re: utilizing full screenspace

Posted: Tue Sep 18, 2018 5:45 am
by Aleron Ives
Inb4 I stop coming here because I have to scroll left and right on each page to read anything. xD

Web design should always scale to the browser's reported resolution and not assume any particular size or aspect ratio, except for whatever minimum resolution is required to display the page without elements appearing on top of each other.

Re: utilizing full screenspace

Posted: Tue Sep 18, 2018 2:05 pm
by HuntrRose
I hate getting marginfucked...

Re: utilizing full screenspace

Posted: Tue Sep 18, 2018 4:10 pm
by DR TEAMCAST
Aleron Ives wrote:Web design should always scale to the browser's reported resolution and not assume any particular size or aspect ratio, except for whatever minimum resolution is required to display the page
i agree, this is exactly my point. it seems to already do this under 720p or so, but for 1080p it only uses half the screen

i was thinking maybe there was a way to use more of the resolution without sacrificing compatibility for other low res devices

its barely a problem though, i was up really late last night and noticed how "squished" the site seems in 1080p and decided to make a thread. the addition of new elements with the extra screen space was just a side thing i mentioned while creating the post

Re: utilizing full screenspace

Posted: Tue Sep 18, 2018 8:01 pm
by BlueCrab
There's only two lines of CSS that'd need to change to scale the resolution a bit better on the forum (based on my experimenting in the inspector view in my browser)..

In forum/styles/pbwow3/theme/stylesheet.css (at line 31), the #wrap selector needs to have it's max-width element changed. This is what is immediately constraining the layout to an absolute maximum width of 990 pixels.

In forum/styles/prosilver/theme/common.css (at line 182), the #wrap selector would, once again, need to have it's max-width element changed. Even after disabling the one above, this one would constrain the layout to a maximum of 1152 pixels in width.