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

Fixes for TV layout in 10.9.0

Browse Source
This commit is contained in:
loof2736 2024-05-11 20:56:56 -04:00
parent 061d7c8951
commit 7f8956dcc3
3 changed files with 53 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -129,6 +129,9 @@
.layout-desktop .emby-button-foreground { .layout-desktop .emby-button-foreground {
top: -9px !important; top: -9px !important;
} }
.layout-tv .emby-button-foreground {
top: -14px !important;
}
@ -145,7 +148,8 @@
.skinHeader { .skinHeader {
background-color: transparent !important; background-color: transparent !important;
} }
.layout-desktop .skinHeader { .layout-desktop .skinHeader,
.layout-tv .skinHeader {
padding-top: 1.5em !important; padding-top: 1.5em !important;
} }
/* Rounded header buttons */ /* Rounded header buttons */
@ -156,9 +160,14 @@
backdrop-filter: blur(50px) !important; backdrop-filter: blur(50px) !important;
} }
.layout-desktop .headerTabs, .layout-desktop .headerTabs,
.layout-desktop .headerRight,
.layout-tv .headerTabs,
.layout-tv .headerRight {
margin-bottom: 10px !important;
}
.layout-desktop .headerTabs,
.layout-desktop .headerRight { .layout-desktop .headerRight {
margin-left: 250px !important; margin-left: 250px !important;
margin-bottom: 10px !important;
} }
/* Button height */ /* Button height */
.headerRight, .headerRight,
@ -170,7 +179,8 @@
padding: 0px 5px !important; padding: 0px 5px !important;
} }
/* Move left header back up */ /* Move left header back up */
.layout-desktop .headerLeft { .layout-desktop .headerLeft
.layout-tv .headerLeft {
position: relative !important; position: relative !important;
top: -17px !important; top: -17px !important;
} }
@ -221,7 +231,8 @@
border: 0 !important; border: 0 !important;
} }
/* Add padding to list items */ /* Add padding to list items */
.layout-desktop .listItem { .layout-desktop .listItem,
.layout-tv .listItem {
padding-left: 15px !important; padding-left: 15px !important;
} }
/* Rounded dashboard cards */ /* Rounded dashboard cards */
@ -229,7 +240,8 @@
border-radius: 15px !important; border-radius: 15px !important;
} }
/* Removed ugliness of border-card styling */ /* Removed ugliness of border-card styling */
.layout-desktop fieldset.verticalSection-extrabottompadding { .layout-desktop fieldset.verticalSection-extrabottompadding,
.layout-tv fieldset.verticalSection-extrabottompadding {
border-radius: 15px !important; border-radius: 15px !important;
border-color: #3B3B3B !important; border-color: #3B3B3B !important;
padding: 10px 35px !important; padding: 10px 35px !important;
@ -280,7 +292,8 @@
} }
/* Re-position logo */ /* Re-position logo */
.layout-desktop .detailLogo { .layout-desktop .detailLogo,
.layout-tv .detailLogo {
right: 0 !important; right: 0 !important;
left: 4% !important; left: 4% !important;
top: 14vh !important; top: 14vh !important;
@ -533,3 +546,8 @@
top: -2px !important; top: -2px !important;
} }
} }
/* Fixes for TV Layout */
.layout-tv .sectionTabs {
width: auto !important;
}

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

@ -131,6 +131,9 @@
.layout-desktop .emby-button-foreground { .layout-desktop .emby-button-foreground {
top: -9px !important; top: -9px !important;
} }
.layout-tv .emby-button-foreground {
top: -14px !important;
}
@ -155,7 +158,8 @@ html {
.skinHeader { .skinHeader {
background-color: transparent !important; background-color: transparent !important;
} }
.layout-desktop .skinHeader { .layout-desktop .skinHeader,
.layout-tv .skinHeader {
padding-top: 1.5em !important; padding-top: 1.5em !important;
} }
/* Rounded header buttons */ /* Rounded header buttons */
@ -166,9 +170,14 @@ html {
backdrop-filter: blur(50px) !important; backdrop-filter: blur(50px) !important;
} }
.layout-desktop .headerTabs, .layout-desktop .headerTabs,
.layout-desktop .headerRight,
.layout-tv .headerTabs,
.layout-tv .headerRight {
margin-bottom: 10px !important;
}
.layout-desktop .headerTabs,
.layout-desktop .headerRight { .layout-desktop .headerRight {
margin-left: 250px !important; margin-left: 250px !important;
margin-bottom: 10px !important;
} }
/* Button height */ /* Button height */
.headerRight, .headerRight,
@ -179,8 +188,12 @@ html {
.layout-desktop .headerRight { .layout-desktop .headerRight {
padding: 0px 5px !important; padding: 0px 5px !important;
} }
.layout-tv .headerRight {
padding: 20px 10px !important;
}
/* Move left header back up */ /* Move left header back up */
.layout-desktop .headerLeft { .layout-desktop .headerLeft
.layout-tv .headerLeft {
position: relative !important; position: relative !important;
top: -17px !important; top: -17px !important;
} }
@ -257,7 +270,8 @@ html {
border: 0 !important; border: 0 !important;
} }
/* Add padding to list items */ /* Add padding to list items */
.layout-desktop .listItem { .layout-desktop .listItem,
.layout-tv .listItem {
padding-left: 15px !important; padding-left: 15px !important;
} }
/* Rounded dashboard cards */ /* Rounded dashboard cards */
@ -265,7 +279,8 @@ html {
border-radius: 15px !important; border-radius: 15px !important;
} }
/* Removed ugliness of border-card styling */ /* Removed ugliness of border-card styling */
.layout-desktop fieldset.verticalSection-extrabottompadding { .layout-desktop fieldset.verticalSection-extrabottompadding,
.layout-tv fieldset.verticalSection-extrabottompadding {
border-radius: 15px !important; border-radius: 15px !important;
border-color: #3B3B3B !important; border-color: #3B3B3B !important;
padding: 10px 35px !important; padding: 10px 35px !important;
@ -316,7 +331,8 @@ html {
} }
/* Re-position logo */ /* Re-position logo */
.layout-desktop .detailLogo { .layout-desktop .detailLogo,
.layout-tv .detailLogo {
right: 0 !important; right: 0 !important;
left: 4% !important; left: 4% !important;
top: 14vh !important; top: 14vh !important;
@ -518,3 +534,8 @@ html {
top: -2px !important; top: -2px !important;
} }
} }
/* Fixes for TV Layout */
.layout-tv .sectionTabs {
width: auto !important;
}

4
README.md
View File

@ -18,7 +18,7 @@
<img src="./images/scyfin/scyfin4.png" alt="scyfin4" width="100%"/> <img src="./images/scyfin/scyfin4.png" alt="scyfin4" width="100%"/>
<img src="./images/scyfin/scyfin5.png" alt="scyfin5" width="100%"/> <img src="./images/scyfin/scyfin5.png" alt="scyfin5" width="100%"/>
`@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.14/CSS/css-scyfin/scyfin-theme.css');` `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.15/CSS/css-scyfin/scyfin-theme.css');`
### Options (Add these below the full theme) ### Options (Add these below the full theme)
- Disable static left drawer - Disable static left drawer
@ -38,7 +38,7 @@
<img src="./images/scyfin/scyfin-backdrop2.png" alt="scyfin-backdrop2" width="100%"/> <img src="./images/scyfin/scyfin-backdrop2.png" alt="scyfin-backdrop2" width="100%"/>
<img src="./images/scyfin/scyfin-backdrop3.jpg" alt="scyfin-backdrop3" width="100%"/> <img src="./images/scyfin/scyfin-backdrop3.jpg" alt="scyfin-backdrop3" width="100%"/>
`@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.14/CSS/css-scyfin/scyfin-theme-backdrop.css');` `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.15/CSS/css-scyfin/scyfin-theme-backdrop.css');`
### Options (Add these below the full theme) ### Options (Add these below the full theme)
- Disable static left drawer - Disable static left drawer