diff --git a/CSS/css-scyfin/scyfin-theme-backdrop.css b/CSS/css-scyfin/scyfin-theme-backdrop.css
index 56bb33d..ac179ac 100644
--- a/CSS/css-scyfin/scyfin-theme-backdrop.css
+++ b/CSS/css-scyfin/scyfin-theme-backdrop.css
@@ -129,6 +129,9 @@
.layout-desktop .emby-button-foreground {
top: -9px !important;
}
+.layout-tv .emby-button-foreground {
+ top: -14px !important;
+}
@@ -145,7 +148,8 @@
.skinHeader {
background-color: transparent !important;
}
-.layout-desktop .skinHeader {
+.layout-desktop .skinHeader,
+.layout-tv .skinHeader {
padding-top: 1.5em !important;
}
/* Rounded header buttons */
@@ -156,9 +160,14 @@
backdrop-filter: blur(50px) !important;
}
.layout-desktop .headerTabs,
+.layout-desktop .headerRight,
+.layout-tv .headerTabs,
+.layout-tv .headerRight {
+ margin-bottom: 10px !important;
+}
+.layout-desktop .headerTabs,
.layout-desktop .headerRight {
margin-left: 250px !important;
- margin-bottom: 10px !important;
}
/* Button height */
.headerRight,
@@ -170,7 +179,8 @@
padding: 0px 5px !important;
}
/* Move left header back up */
-.layout-desktop .headerLeft {
+.layout-desktop .headerLeft
+.layout-tv .headerLeft {
position: relative !important;
top: -17px !important;
}
@@ -221,7 +231,8 @@
border: 0 !important;
}
/* Add padding to list items */
-.layout-desktop .listItem {
+.layout-desktop .listItem,
+.layout-tv .listItem {
padding-left: 15px !important;
}
/* Rounded dashboard cards */
@@ -229,7 +240,8 @@
border-radius: 15px !important;
}
/* 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-color: #3B3B3B !important;
padding: 10px 35px !important;
@@ -280,7 +292,8 @@
}
/* Re-position logo */
-.layout-desktop .detailLogo {
+.layout-desktop .detailLogo,
+.layout-tv .detailLogo {
right: 0 !important;
left: 4% !important;
top: 14vh !important;
@@ -532,4 +545,9 @@
.layout-desktop .emby-button-foreground {
top: -2px !important;
}
+}
+
+/* Fixes for TV Layout */
+.layout-tv .sectionTabs {
+ width: auto !important;
}
\ No newline at end of file
diff --git a/CSS/css-scyfin/scyfin-theme.css b/CSS/css-scyfin/scyfin-theme.css
index 4ae66c3..825dc54 100644
--- a/CSS/css-scyfin/scyfin-theme.css
+++ b/CSS/css-scyfin/scyfin-theme.css
@@ -131,6 +131,9 @@
.layout-desktop .emby-button-foreground {
top: -9px !important;
}
+.layout-tv .emby-button-foreground {
+ top: -14px !important;
+}
@@ -155,7 +158,8 @@ html {
.skinHeader {
background-color: transparent !important;
}
-.layout-desktop .skinHeader {
+.layout-desktop .skinHeader,
+.layout-tv .skinHeader {
padding-top: 1.5em !important;
}
/* Rounded header buttons */
@@ -166,9 +170,14 @@ html {
backdrop-filter: blur(50px) !important;
}
.layout-desktop .headerTabs,
+.layout-desktop .headerRight,
+.layout-tv .headerTabs,
+.layout-tv .headerRight {
+ margin-bottom: 10px !important;
+}
+.layout-desktop .headerTabs,
.layout-desktop .headerRight {
margin-left: 250px !important;
- margin-bottom: 10px !important;
}
/* Button height */
.headerRight,
@@ -179,8 +188,12 @@ html {
.layout-desktop .headerRight {
padding: 0px 5px !important;
}
+.layout-tv .headerRight {
+ padding: 20px 10px !important;
+}
/* Move left header back up */
-.layout-desktop .headerLeft {
+.layout-desktop .headerLeft
+.layout-tv .headerLeft {
position: relative !important;
top: -17px !important;
}
@@ -257,7 +270,8 @@ html {
border: 0 !important;
}
/* Add padding to list items */
-.layout-desktop .listItem {
+.layout-desktop .listItem,
+.layout-tv .listItem {
padding-left: 15px !important;
}
/* Rounded dashboard cards */
@@ -265,7 +279,8 @@ html {
border-radius: 15px !important;
}
/* 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-color: #3B3B3B !important;
padding: 10px 35px !important;
@@ -316,7 +331,8 @@ html {
}
/* Re-position logo */
-.layout-desktop .detailLogo {
+.layout-desktop .detailLogo,
+.layout-tv .detailLogo {
right: 0 !important;
left: 4% !important;
top: 14vh !important;
@@ -517,4 +533,9 @@ html {
.layout-desktop .emby-button-foreground {
top: -2px !important;
}
+}
+
+/* Fixes for TV Layout */
+.layout-tv .sectionTabs {
+ width: auto !important;
}
\ No newline at end of file
diff --git a/README.md b/README.md
index 745f913..9437888 100644
--- a/README.md
+++ b/README.md
@@ -18,7 +18,7 @@
-`@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)
- Disable static left drawer
@@ -38,7 +38,7 @@
-`@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)
- Disable static left drawer