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

https://github.com/discourse/discourse/pull/3702


(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