item/item.css

@@ -101,7 +101,7 @@
 }
 .itemName-primary {
   margin: 0;
-  overflow: hidden;
+  overflow: initial;
   font-size: 2.5em;
 }
 .itemName-secondary {
@@ -265,8 +265,8 @@
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
-  -webkit-line-clamp: 3;
-  font-weight: 400;
+  -webkit-line-clamp: 8;
+  font-weight: 520;
 }
 .btnOverviewText.emby-button-focusscale:focus {
   -webkit-transform: scale(1.04);
@@ -414,7 +414,6 @@
 .detailTextContainer {
   margin: 0 0;
   padding: 5em 1em;
-  padding-bottom: 20em;
 }
 .detailTextContainer-extrapadding {
   padding: 0 1.6em;

modules/cardbuilder/card.css

@@ -25,6 +25,10 @@
   webkit-transform: scale(1.03);
   text-shadow: 2px 2px 5px black;
 }
+.card:active {
+  transform: scale(1);
+  text-shadow 0 0 0;
+}
 .card.itemAction {
   cursor: pointer;
 }

modules/emby-elements/emby-button/emby-button.css

@@ -207,6 +207,13 @@
   z-index: 1;
   vertical-align: middle;
 }
+.paper-icon-button-light:hover {
+  background: hsla(
+      var(--theme-text-color-hue),
+      var(--theme-text-color-saturation),
+      var(--theme-text-color-lightness),
+      0.2);
+}
 .paper-icon-button-light.md-icon {
   font-size: 1.66956521739130434em;
   margin: 0 0.17em;

modules/themes/appletv/theme.css

@@ -1139,8 +1139,11 @@ html {
   }
 }
 .scrollbuttoncontainer {
-  color: #fff;
-  background: rgba(20, 20, 20, 0.5);
+  color: white;
+  background: hsla(var(--theme-text-color-hue),
+  var(--theme-text-color-saturation),
+  var(--theme-text-color-lightness),0.35);
+  border-radius: 0.7em;
 }
 .recordingIcon-active {
   color: #c33 !important;
@@ -1387,7 +1390,8 @@ html {
     );
   }
   .detailMainContainer-withbackdrop {
-    text-shadow: 0.14em 0.14em 0.28em rgba(0, 0, 0, 0.45);
+    text-shadow: 0.18em 0.18em 0.28em rgba(0, 0, 0, 0.45);
+    padding-bottom: 11em;
   }
   .details-additionalContent-withbackdrop {
     --theme-text-color-alpha: 0.85;

modules/themes/black/theme.css

@@ -1135,8 +1135,11 @@ html,
   }
 }
 .scrollbuttoncontainer {
-  color: #fff;
-  background: rgba(20, 20, 20, 0.5);
+  color: white;
+  background: hsla(var(--theme-text-color-hue),
+  var(--theme-text-color-saturation),
+  var(--theme-text-color-lightness),0.35);
+  border-radius: 0.7em;
 }
 .recordingIcon-active {
   color: #c33 !important;
@@ -1389,7 +1392,8 @@ html,
     );
   }
   .detailMainContainer-withbackdrop {
-    text-shadow: 0.14em 0.14em 0.28em rgba(0, 0, 0, 0.45);
+    text-shadow: 0.18em 0.18em 0.28em rgba(0, 0, 0, 0.45);
+    padding-bottom: 11em;
   }
   .details-additionalContent-withbackdrop {
     --theme-text-color-alpha: 0.85;

modules/themes/dark/theme.css

@@ -1167,8 +1167,11 @@ html,
   }
 }
 .scrollbuttoncontainer {
-  color: #fff;
-  background: rgba(20, 20, 20, 0.5);
+  color: white;
+  background: hsla(var(--theme-text-color-hue),
+  var(--theme-text-color-saturation),
+  var(--theme-text-color-lightness),0.35);
+  border-radius: 0.7em;
 }
 .recordingIcon-active {
   color: #c33 !important;
@@ -1421,7 +1424,8 @@ html,
     );
   }
   .detailMainContainer-withbackdrop {
-    text-shadow: 0.14em 0.14em 0.28em rgba(0, 0, 0, 0.45);
+    text-shadow: 0.18em 0.18em 0.28em rgba(0, 0, 0, 0.45);
+    padding-bottom: 11em;
   }
   .details-additionalContent-withbackdrop {
     --theme-text-color-alpha: 0.85;

modules/themes/darkgradient/theme.css

@@ -1260,8 +1260,11 @@ html {
   }
 }
 .scrollbuttoncontainer {
-  color: #fff;
-  background: rgba(20, 20, 20, 0.5);
+  color: white;
+  background: hsla(var(--theme-text-color-hue),
+  var(--theme-text-color-saturation),
+  var(--theme-text-color-lightness),0.35);
+  border-radius: 0.7em;
 }
 .recordingIcon-active {
   color: #c33 !important;
@@ -1506,7 +1509,8 @@ html {
     );
   }
   .detailMainContainer-withbackdrop {
-    text-shadow: 0.14em 0.14em 0.28em rgba(0, 0, 0, 0.45);
+    text-shadow: 0.18em 0.18em 0.28em rgba(0, 0, 0, 0.45);
+    padding-bottom: 11em;
   }
   .details-additionalContent-withbackdrop {
     --theme-text-color-alpha: 0.85;

modules/themes/light/theme.css

@@ -1099,8 +1099,11 @@ html,
   }
 }
 .scrollbuttoncontainer {
-  color: #fff;
-  background: rgba(20, 20, 20, 0.5);
+  color: white;
+  background: hsla(var(--theme-text-color-hue),
+  var(--theme-text-color-saturation),
+  var(--theme-text-color-lightness),0.35);
+  border-radius: 0.7em;
 }
 .recordingIcon-active {
   color: #c33 !important;
@@ -1355,7 +1358,8 @@ html,
     );
   }
   .detailMainContainer-withbackdrop {
-    text-shadow: 0.14em 0.14em 0.28em rgba(0, 0, 0, 0.45);
+    text-shadow: 0.18em 0.18em 0.28em rgba(0, 0, 0, 0.45);
+    padding-bottom: 11em;
   }
   .details-additionalContent-withbackdrop {
     --theme-text-color-alpha: 0.85;