Horizontal scrollbar in a certain width range

(Héctor Fernández) #1

There is a width range where the horizontal scrollbar is shown. In chrome in windows is from 1000px to 1028px. This is particularly annoying in a 1024px monitor.

(Simon Cossar) #2


(Sam Saffron) #3

(Sam Saffron) #4

Reopening cause of:

Any horizontal scrollbar will wreak complete havoc on our code that scrolls you to the position you need to be on the page when visiting a topic.

Fixing this

(Sam Saffron) #5

(Simon Cossar) #6
@media (max-width: 940px)
#topic-progress, #topic-progress-expanded {
    left: 295px;

It has to do with the ‘left’ position of ‘#topic-progress, #topic-progress-expanded’. It needs to be reduced by about 16px. I think it is set in 2 different media queries.

It’s possible that a lot of positioning issues could be simplified by moving to the border-box box-sizing model.

(Sam Saffron) #7

This fixes a rather common one cause on windows at 1920x1200 at exactly half (which is super easy on win10) you get the scrollbar

Side effects include:


(Sam Saffron) #8