search

tmaiaroto / hugo-redlounge

A Hugo theme
Other
100 stars 65 forks source link

Visual glitch due to scroll bar #21

Closed delabassee closed 9 years ago

delabassee commented 9 years ago

Vertical scroll bar induce a visual glitch as the page width is slightly reduced (inc. sidebar width). To see this in action, simply go back and forth between a 'short' page (w/o scroll bar) and a 'long' page (w/ scroll bar).

tmaiaroto commented 9 years ago

Can you take a screenshot? What browsers are affected? I'm having a hard time reproducing this (Chrome, OS X). Thanks.

delabassee commented 9 years ago

Weird, I'm also on OS X and have the issue on Chrome, Safari and FFox This short clip (https://www.dropbox.com/s/w3tocb3595l1afu/RedLounge.mp4?dl=0) illustrate the glitch.

tmaiaroto commented 9 years ago

I see. This is because of the fluid layout. The columns are sized in percentages and not pixels. So when the scroll bar goes away there's more available space in the viewport so you see this adjustment.

Maybe force the scrollbar to be present all the time if it bothers you. It's just an unfortunate quirk of the internet. I'm open for any clever solutions, but this is typically something I don't worry about.