diff --git a/CSS/css-scyfin/disable-static-drawer-backdrop.css b/CSS/css-scyfin/disable-static-drawer-backdrop.css index 16edf9a..73cdca4 100644 --- a/CSS/css-scyfin/disable-static-drawer-backdrop.css +++ b/CSS/css-scyfin/disable-static-drawer-backdrop.css @@ -77,25 +77,34 @@ position: absolute; top: 39px; left: 10px; - width: 270px; + width: 245px; height: 45px; background-color: rgba(35, 35, 35, 0.5) !important; border-radius: 50px !important; backdrop-filter: blur(50px) !important; } + +/* Reduce the size of the header when the logo is not present */ +.layout-desktop .skinHeader.semiTransparent .headerTop .headerLeft::before { + width: 160px; +} + .layout-desktop .headerLeft { padding: 2px !important; top: -3px !important; } + .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; diff --git a/CSS/css-scyfin/disable-static-drawer.css b/CSS/css-scyfin/disable-static-drawer.css index 45ff817..8c01d3a 100644 --- a/CSS/css-scyfin/disable-static-drawer.css +++ b/CSS/css-scyfin/disable-static-drawer.css @@ -71,25 +71,34 @@ position: absolute; top: 39px; left: 10px; - width: 270px; + width: 245px; height: 45px; background-color: rgba(35, 35, 35, 0.5) !important; border-radius: 50px !important; backdrop-filter: blur(50px) !important; } + +/* Reduce the size of the header when the logo is not present */ +.layout-desktop .skinHeader.semiTransparent .headerTop .headerLeft::before { + width: 160px; +} + .layout-desktop .headerLeft { padding: 2px !important; top: -3px !important; } + .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; diff --git a/CSS/css-scyfin/scyfin-theme-backdrop.css b/CSS/css-scyfin/scyfin-theme-backdrop.css index b2e0cba..80a33c0 100644 --- a/CSS/css-scyfin/scyfin-theme-backdrop.css +++ b/CSS/css-scyfin/scyfin-theme-backdrop.css @@ -1,12 +1,11 @@ /* Increase size of Jellyfin logo */ .layout-desktop .pageTitleWithLogo { margin-left: 15px !important; + width: 100px !important; height: 40px !important; margin-top: 5px !important; } - - /* Static left drawer */ .layout-desktop .mainDrawer { left: 0 !important; diff --git a/CSS/css-scyfin/scyfin-theme.css b/CSS/css-scyfin/scyfin-theme.css index a1d0450..ac36991 100644 --- a/CSS/css-scyfin/scyfin-theme.css +++ b/CSS/css-scyfin/scyfin-theme.css @@ -1,12 +1,11 @@ /* Increase size of Jellyfin logo */ .layout-desktop .pageTitleWithLogo { margin-left: 15px !important; + width: 100px !important; height: 40px !important; margin-top: 5px !important; } - - /* Static left drawer */ .layout-desktop .mainDrawer { left: 0 !important;