diff --git a/CSS/disable-static-drawer-backdrop.css b/CSS/disable-static-drawer-backdrop.css deleted file mode 100644 index 724d544..0000000 --- a/CSS/disable-static-drawer-backdrop.css +++ /dev/null @@ -1,116 +0,0 @@ -/* Reset size of Jellyfin logo */ -.layout-desktop .pageTitleWithLogo { - height: 30px !important; - width: 100px !important; -} - -/* Un-static left drawer */ -.layout-desktop .mainDrawer:not(.dashboardDocument) { - left: -345px !important; - width: 275px !important; - /* Move drawer behind header */ - z-index: 1099 !important; - /* Modified background color */ - background-color: var(--primary-background-transparent) !important; - border-radius: var(--rounded-cards) !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:not(.dashboardDocument) { - display: inline-flex !important; -} - -/* Fix for dashboard */ -.layout-desktop .dashboardDocument .mainDrawer { - top: 0px !important; - left: 0px !important; - width: 300px !important; - z-index: 998 !important; -} -.layout-desktop .dashboardDocument .mainDrawer-scrollContainer { - padding-top: 75px !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 top left buttons */ -.layout-desktop .headerLeft:not(.libraryDocument:has(.videoPlayerContainer) .headerLeft) { - padding: 2px 15px 2px 2px !important; - top: -3px !important; - background-color: var(--primary-background-transparent) !important; - border-radius: 50px !important; - backdrop-filter: blur(50px) !important; -} -.headerLeft { - flex-grow: 0 !important; - -webkit-flex-grow: 0 !important; -} -.headerRight { - position: absolute !important; - right: 12px !important; -} - -/* Reduce the size of the header when the logo is not present */ -.layout-desktop .skinHeader.semiTransparent .headerTop .headerLeft::before { - width: 160px; -} - -.layout-desktop .pageTitle { - z-index: 1099 !important; -} - -@media (width: 1600px) { - .layout-desktop:not(.transparentDocument) .headerLeft::before { - top: 35px; - left: 10px; - } -} - -@media (max-width: 1599px) { - .layout-desktop:not(.transparentDocument) .headerLeft::before { - top: 35px; - left: 5px; - } -} - -/* Music Player */ -.layout-desktop .appfooter { - margin-left: 0px !important; -} \ No newline at end of file diff --git a/CSS/disable-static-drawer.css b/CSS/disable-static-drawer.css index 7a06b7c..bda4ac6 100644 --- a/CSS/disable-static-drawer.css +++ b/CSS/disable-static-drawer.css @@ -2,16 +2,24 @@ .layout-desktop .pageTitleWithLogo { height: 30px !important; width: 100px !important; + margin: 0 1em 0 .5em !important; } /* Un-static left drawer */ .layout-desktop .mainDrawer:not(.dashboardDocument) { left: -320px !important; - /* Move drawer behind header */ z-index: 1099 !important; - background-color: var(--secondary-background-color) !important; border-radius: var(--rounded-cards) !important; } +.layout-desktop:has(.backgroundContainer.withBackdrop) .mainDrawer:not(.dashboardDocument) { + width: 275px !important; + background-color: var(--primary-background-transparent) !important; + backdrop-filter: blur(var(--blur)) !important; +} +.layout-desktop:has(#itemDetailPage.noBackdropTransparency) .mainDrawer:not(.dashboardDocument) { + background: var(--secondary-background-color) !important; + backdrop-filter: none !important; +} /* Lower drawer buttons */ .layout-desktop .mainDrawer-scrollContainer { @@ -68,7 +76,7 @@ /* Background for top left buttons */ .layout-desktop .headerLeft:not(.libraryDocument:has(.videoPlayerContainer) .headerLeft) { - padding: 2px 15px 2px 2px !important; + padding: 2px !important; top: -3px !important; background-color: var(--primary-background-transparent) !important; border-radius: 50px !important; @@ -83,29 +91,6 @@ right: 12px !important; } -/* Reduce the size of the header when the logo is not present */ -.layout-desktop .skinHeader.semiTransparent .headerTop .headerLeft::before { - width: 160px; -} - -.layout-desktop .pageTitle { - z-index: 1099 !important; -} - -@media (width: 1600px) { - .layout-desktop:not(.transparentDocument) .headerLeft::before { - top: 35px; - left: 10px; - } -} - -@media (max-width: 1599px) { - .layout-desktop:not(.transparentDocument) .headerLeft::before { - top: 35px; - left: 5px; - } -} - /* Music Player */ .layout-desktop .appfooter { margin-left: 0px !important;