MaximilianGT500/scyfin
1
0
Fork 0
mirror of https://github.com/loof2736/scyfin.git synced 2025-11-04 08:28:52 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: 🐛 Reduce size of top left header when the logo is hidden on other routes

Browse Source
This commit is contained in:
Jam 2024-05-18 01:20:24 +01:00
parent e0f16d7a76
commit dc346c1df9
4 changed files with 22 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
CSS/css-scyfin/disable-static-drawer-backdrop.css
View File

@ -77,25 +77,34 @@
position: absolute; position: absolute;
top: 39px; top: 39px;
left: 10px; left: 10px;
width: 270px; width: 245px;
height: 45px; height: 45px;
background-color: rgba(35, 35, 35, 0.5) !important; background-color: rgba(35, 35, 35, 0.5) !important;
border-radius: 50px !important; border-radius: 50px !important;
backdrop-filter: blur(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 { .layout-desktop .headerLeft {
padding: 2px !important; padding: 2px !important;
top: -3px !important; top: -3px !important;
} }
.layout-desktop .pageTitle { .layout-desktop .pageTitle {
z-index: 1099 !important; z-index: 1099 !important;
} }
@media (width: 1600px) { @media (width: 1600px) {
.layout-desktop:not(.transparentDocument) .headerLeft::before { .layout-desktop:not(.transparentDocument) .headerLeft::before {
top: 35px; top: 35px;
left: 10px; left: 10px;
} }
} }
@media (max-width: 1599px) { @media (max-width: 1599px) {
.layout-desktop:not(.transparentDocument) .headerLeft::before { .layout-desktop:not(.transparentDocument) .headerLeft::before {
top: 35px; top: 35px;

11
CSS/css-scyfin/disable-static-drawer.css
View File

@ -71,25 +71,34 @@
position: absolute; position: absolute;
top: 39px; top: 39px;
left: 10px; left: 10px;
width: 270px; width: 245px;
height: 45px; height: 45px;
background-color: rgba(35, 35, 35, 0.5) !important; background-color: rgba(35, 35, 35, 0.5) !important;
border-radius: 50px !important; border-radius: 50px !important;
backdrop-filter: blur(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 { .layout-desktop .headerLeft {
padding: 2px !important; padding: 2px !important;
top: -3px !important; top: -3px !important;
} }
.layout-desktop .pageTitle { .layout-desktop .pageTitle {
z-index: 1099 !important; z-index: 1099 !important;
} }
@media (width: 1600px) { @media (width: 1600px) {
.layout-desktop:not(.transparentDocument) .headerLeft::before { .layout-desktop:not(.transparentDocument) .headerLeft::before {
top: 35px; top: 35px;
left: 10px; left: 10px;
} }
} }
@media (max-width: 1599px) { @media (max-width: 1599px) {
.layout-desktop:not(.transparentDocument) .headerLeft::before { .layout-desktop:not(.transparentDocument) .headerLeft::before {
top: 35px; top: 35px;

3
CSS/css-scyfin/scyfin-theme-backdrop.css
View File

@ -1,12 +1,11 @@
/* Increase size of Jellyfin logo */ /* Increase size of Jellyfin logo */
.layout-desktop .pageTitleWithLogo { .layout-desktop .pageTitleWithLogo {
margin-left: 15px !important; margin-left: 15px !important;
width: 100px !important;
height: 40px !important; height: 40px !important;
margin-top: 5px !important; margin-top: 5px !important;
} }
/* Static left drawer */ /* Static left drawer */
.layout-desktop .mainDrawer { .layout-desktop .mainDrawer {
left: 0 !important; left: 0 !important;

3
CSS/css-scyfin/scyfin-theme.css
View File

@ -1,12 +1,11 @@
/* Increase size of Jellyfin logo */ /* Increase size of Jellyfin logo */
.layout-desktop .pageTitleWithLogo { .layout-desktop .pageTitleWithLogo {
margin-left: 15px !important; margin-left: 15px !important;
width: 100px !important;
height: 40px !important; height: 40px !important;
margin-top: 5px !important; margin-top: 5px !important;
} }
/* Static left drawer */ /* Static left drawer */
.layout-desktop .mainDrawer { .layout-desktop .mainDrawer {
left: 0 !important; left: 0 !important;