mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Fix unstyled scrollbar

Browse source
This commit is contained in:
Dmitry Lyzo 2020-09-26 21:48:22 +03:00
parent b973a5eace
commit 78a3c971ff
2 changed files with 9 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/assets/css/site.css
View file

@ -44,11 +44,6 @@ body {
overflow-x: hidden; overflow-x: hidden;
background-color: transparent !important; background-color: transparent !important;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
/* This keeps the scrollbar always present in all pages, so we avoid clipping while switching between pages
that need the scrollbar and pages that don't.
*/
overflow-y: scroll;
} }
.mainAnimatedPage { .mainAnimatedPage {
@ -127,6 +122,10 @@ div[data-role=page] {
padding-bottom: 4em; padding-bottom: 4em;
} }
.force-scroll {
overflow-y: scroll;
}
.hide-scroll { .hide-scroll {
overflow-y: hidden; overflow-y: hidden;
} }

6
src/scripts/autoThemes.js
View file

@ -3,7 +3,11 @@ import skinManager from 'skinManager';
import events from 'events'; import events from 'events';
// Set the default theme when loading // Set the default theme when loading
skinManager.setTheme(userSettings.theme()); skinManager.setTheme(userSettings.theme())
/* This keeps the scrollbar always present in all pages, so we avoid clipping while switching between pages
that need the scrollbar and pages that don't.
*/
.then(() => document.body.classList.add('force-scroll'));
// Set the user's prefered theme when signing in // Set the user's prefered theme when signing in
events.on(window.connectionManager, 'localusersignedin', function (e, user) { events.on(window.connectionManager, 'localusersignedin', function (e, user) {