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

Re-factored code for top-left item background to be more dynamic

Browse Source
This commit is contained in:
loof2736 2024-05-19 18:54:43 -04:00
parent 30cf0b7b53
commit 039873f396
4 changed files with 24 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -71,29 +71,28 @@
margin-right: 3.3% !important; margin-right: 3.3% !important;
} }
/* Background for home, hamburger, and Jellyfin */ /* Background for top left buttons */
.layout-desktop:not(.transparentDocument) .headerLeft::before { .layout-desktop .headerLeft {
content: ""; padding: 2px 15px 2px 2px !important;
position: absolute; top: -3px !important;
top: 39px;
left: 10px;
width: 245px;
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;
} }
.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 */ /* Reduce the size of the header when the logo is not present */
.layout-desktop .skinHeader.semiTransparent .headerTop .headerLeft::before { .layout-desktop .skinHeader.semiTransparent .headerTop .headerLeft::before {
width: 160px; width: 160px;
} }
.layout-desktop .headerLeft {
padding: 2px !important;
top: -3px !important;
}
.layout-desktop .pageTitle { .layout-desktop .pageTitle {
z-index: 1099 !important; z-index: 1099 !important;
} }

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

@ -65,29 +65,28 @@
margin-right: 3.3% !important; margin-right: 3.3% !important;
} }
/* Background for home, hamburger, and Jellyfin */ /* Background for top left buttons */
.layout-desktop:not(.transparentDocument) .headerLeft::before { .layout-desktop .headerLeft {
content: ""; padding: 2px 15px 2px 2px !important;
position: absolute; top: -3px !important;
top: 39px;
left: 10px;
width: 245px;
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;
} }
.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 */ /* Reduce the size of the header when the logo is not present */
.layout-desktop .skinHeader.semiTransparent .headerTop .headerLeft::before { .layout-desktop .skinHeader.semiTransparent .headerTop .headerLeft::before {
width: 160px; width: 160px;
} }
.layout-desktop .headerLeft {
padding: 2px !important;
top: -3px !important;
}
.layout-desktop .pageTitle { .layout-desktop .pageTitle {
z-index: 1099 !important; z-index: 1099 !important;
} }

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

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

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

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