diff --git a/CSS/css-scyfin/disable-static-drawer-backdrop.css b/CSS/css-scyfin/disable-static-drawer-backdrop.css new file mode 100644 index 0000000..213e4f4 --- /dev/null +++ b/CSS/css-scyfin/disable-static-drawer-backdrop.css @@ -0,0 +1,76 @@ +/* Reset size of Jellyfin logo */ +.layout-desktop .pageTitleWithLogo { + margin-left: 25px !important; + height: 30px !important; + margin-top: 0px !important; +} + +/* Un-static left drawer */ +.layout-desktop .mainDrawer { + left: -345px !important; + width: 275px !important; + /* Move drawer behind header */ + z-index: 1099 !important; + /* Modified background color */ + background-color: rgba(35, 35, 35, 0.5) !important; + border-radius: 25px !important; + backdrop-filter: blur(50px) !important; +} + +/* Lower drawer buttons */ +.layout-desktop .mainDrawer-scrollContainer { + margin-top: 15px !important; + margin-left: 25px !important; +} + +/* Shift content back to the left */ +.layout-desktop .libraryPage:not(#editItemMetadataPage) { + margin-left: 0px !important; +} +/* Fix for Jellyfin Media Player */ +.quickConnectSettingsContainer { + margin-left: 0px !important; +} + +/* Add transition back */ +.layout-desktop .touch-menu-la.transition { + transition: transform .24s ease-out,left .26s ease-out,-webkit-transform .24s ease-out !important; +} + +/* Show hamburger button */ +.layout-desktop .mainDrawerButton { + display: inline-flex !important; +} + +/* Fix for dashboard height */ +.layout-desktop .dashboardDocument .mainDrawer { + top: 0px !important; +} + +/* Re-center header buttons */ +.layout-desktop .headerTabs { + margin-left: 0px !important; +} + +/* Hide home button */ +.layout-desktop .headerHomeButton { + display: block !important; +} +.layout-desktop .dashboardDocument .headerHomeButton { + display: block !important; +} + +/* Fix for scroll menus on home page */ +.emby-scroller { + margin-right: 3.3% !important; +} + +/* Background for home, hamburger, and Jellyfin */ +.layout-desktop .headerLeft { + top: -3px !important; + background-color: rgba(35, 35, 35, 0.5) !important; + border-radius: 50px !important; + backdrop-filter: blur(50px) !important; + padding: 2px !important; + margin-right: 1180px !important; +} diff --git a/CSS/css-scyfin/disable-static-drawer.css b/CSS/css-scyfin/disable-static-drawer.css new file mode 100644 index 0000000..3101add --- /dev/null +++ b/CSS/css-scyfin/disable-static-drawer.css @@ -0,0 +1,70 @@ +/* Reset size of Jellyfin logo */ +.layout-desktop .pageTitleWithLogo { + margin-left: 25px !important; + height: 30px !important; + margin-top: 0px !important; +} + +/* Un-static left drawer */ +.layout-desktop .mainDrawer { + left: -320px !important; + /* Move drawer behind header */ + z-index: 1099 !important; +} + +/* Lower drawer buttons */ +.layout-desktop .mainDrawer-scrollContainer { + margin-top: 15px !important; +} + +/* Shift content back to the left */ +.layout-desktop .libraryPage:not(#editItemMetadataPage) { + margin-left: 0px !important; +} +/* Fix for Jellyfin Media Player */ +.quickConnectSettingsContainer { + margin-left: 0px !important; +} + +/* Add transition back */ +.layout-desktop .touch-menu-la.transition { + transition: transform .24s ease-out,left .26s ease-out,-webkit-transform .24s ease-out !important; +} + +/* Show hamburger button */ +.layout-desktop .mainDrawerButton { + display: inline-flex !important; +} + +/* Fix for dashboard height */ +.layout-desktop .dashboardDocument .mainDrawer { + top: 0px !important; +} + +/* Re-center header buttons */ +.layout-desktop .headerTabs { + margin-left: 0px !important; +} + +/* Hide home button */ +.layout-desktop .headerHomeButton { + display: block !important; +} +.layout-desktop .dashboardDocument .headerHomeButton { + display: block !important; +} + +/* Fix for scroll menus on home page */ +.emby-scroller { + margin-right: 3.3% !important; +} + +/* Background for home, hamburger, and Jellyfin */ +.layout-desktop .headerLeft { + top: -3px !important; + background-color: rgba(35, 35, 35, 0.5) !important; + border-radius: 50px !important; + backdrop-filter: blur(50px) !important; + padding: 2px !important; + margin-right: 1180px !important; +} diff --git a/CSS/css-scyfin/scyfin-theme-backdrop.css b/CSS/css-scyfin/scyfin-theme-backdrop.css index b08e703..73e513d 100644 --- a/CSS/css-scyfin/scyfin-theme-backdrop.css +++ b/CSS/css-scyfin/scyfin-theme-backdrop.css @@ -9,7 +9,6 @@ /* Static left drawer */ .layout-desktop .mainDrawer { - transform: none !important; left: 0 !important; top: 0 !important; width: 250px !important; diff --git a/CSS/css-scyfin/scyfin-theme.css b/CSS/css-scyfin/scyfin-theme.css index 324571f..4099e0a 100644 --- a/CSS/css-scyfin/scyfin-theme.css +++ b/CSS/css-scyfin/scyfin-theme.css @@ -9,7 +9,6 @@ /* Static left drawer */ .layout-desktop .mainDrawer { - transform: none !important; left: 0 !important; top: 0 !important; width: 250px !important; @@ -25,7 +24,7 @@ margin-top: 95px !important; } .layout-mobile .mainDrawer-scrollContainer { - margin-top: 20px !important; + margin-top: 15px !important; } /* Shift content to the right */ .layout-desktop .libraryPage:not(#editItemMetadataPage) {