Scroll bar always visible on new tab page
Pretty much what the title says - I always have a scrollbar on new tab page, whether or not the content fits in the viewport. It's not so obvious with light theme, but with dark theme there's a glaringly obvious light (greyed out, because it does nothing) scroll bar. I'm fairly confident this shouldn't be here, but not sure why it is.
Chosen solution
By default, a scroll bar will appear when the content is too long. Page authors can override this in a number of ways, for example:
- overflow-y: hidden => cut off content that is too long
- overflow-y: scroll => always show a scroll bar even when it's not needed
The new tab page has the second of those.
It is possible to override that by creating your own custom style rule in an optional userContent.css file. But I guess you would need to find it really annoying to go to the effort.
Something like the following should do it, although I haven't set it up in my own userContent.css file for testing:
/* New Tab Page: No vertical
scroll bar unless needed */
body.activity-stream {
overflow-y: auto !important;
}
Read this answer in context
👍 1
All Replies (6)
Image didn't attach to the original post - attached here
Chosen Solution
By default, a scroll bar will appear when the content is too long. Page authors can override this in a number of ways, for example:
- overflow-y: hidden => cut off content that is too long
- overflow-y: scroll => always show a scroll bar even when it's not needed
The new tab page has the second of those.
It is possible to override that by creating your own custom style rule in an optional userContent.css file. But I guess you would need to find it really annoying to go to the effort.
Something like the following should do it, although I haven't set it up in my own userContent.css file for testing:
/* New Tab Page: No vertical
scroll bar unless needed */
body.activity-stream {
overflow-y: auto !important;
}
Oh, I didn't see your screenshot. Is that dark page theme built-in or added on?
Thanks for the quick reply. That's just the built-in dark theme - it doesn't look good with the light W10 system scrollbars, hence me thinking that this was an issue rather than a deliberate choice for the css property to be set like that on the new tab page.
The css snippet you posted does the trick though!
You may have accidentally zoomed web page(s). Reset the page zoom on pages that cause problems.
- View -> Zoom -> Reset (Ctrl+0/Command+0 (zero))
cor-el said
You may have accidentally zoomed web page(s). Reset the page zoom on pages that cause problems.
- View -> Zoom -> Reset (Ctrl+0/Command+0 (zero))
Hi, thanks for the suggestion - the new tab page wasn't zoomed though.
I'll mark this issue as closed since jscher2000's css does get rid of the scroll bar (which I prefer), and the "issue" itself is apparently by design