diff --git a/item/item.css b/item/item.css
index 743081b..f98b051 100644
--- a/item/item.css
+++ b/item/item.css
@@ -39,6 +39,7 @@
}
.detailImageContainerCard:not(.imageWidthTest) {
width: 100% !important;
+ margin-bottom: 13vw;
}
.detailImageContainerCard .cardBox {
-webkit-margin-end: 0 !important;
@@ -265,9 +266,24 @@
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
- -webkit-line-clamp: 8;
+ -webkit-line-clamp: 5;
font-weight: 520;
+ margin: 0.5em;
}
+.overview-text:hover {
+ display: block;
+ overflow: visible;
+ position: relative;
+ z-index: 100;
+ max-height: none;
+ border-radius: 0.5em;
+}
+
+.btnReadMore {
+ pointer-events: none;
+ color: var(--theme-accent-text-color-darkbg);
+}
+
.btnOverviewText.emby-button-focusscale:focus {
-webkit-transform: scale(1.04);
transform: scale(1.04);
@@ -404,7 +420,7 @@
margin-bottom: 1em;
}
.detailImageContainer-main-extrabottommargin {
- margin-bottom: 2em;
+ margin-bottom: -3em;
}
}
.tracklist-sidemargin {
diff --git a/item/item.html b/item/item.html
index ca6d08c..39ba32a 100644
--- a/item/item.html
+++ b/item/item.html
@@ -170,7 +170,7 @@
- ${HeaderReadMore}
+ {HeaderReadMore}
diff --git a/item/item.js b/item/item.js
index 541af68..3b076d0 100644
--- a/item/item.js
+++ b/item/item.js
@@ -225,6 +225,7 @@ define([
});
})(parentElem, renderAdminFields, item, mediaSource, !0));
}
+ anyDisplayed && _usersettings.default.showFullMediaInfoOnDetailScreen()
}
function isRenderingTrackSelections(item) {
return !(
@@ -1061,7 +1062,7 @@ define([
textButton,
textElement = elem.querySelector(".overview-text"),
btnReadMore = elem.querySelector(".btnReadMore");
- (btnReadMore.innerHTML = _globalize.default.translate("More")),
+ (btnReadMore.innerHTML = _globalize.default.translate("(Hover for more)")),
overview
? ((textElement.innerHTML = overview),
elem.classList.remove("hide"),
diff --git a/modules/cardbuilder/card.css b/modules/cardbuilder/card.css
index b9da932..3ab2b2c 100644
--- a/modules/cardbuilder/card.css
+++ b/modules/cardbuilder/card.css
@@ -39,9 +39,6 @@
padding-bottom: 56.25%;
contain: strict;
}
-.cardPadder-margin.cardPadder-backdrop {
- margin-bottom: 56.25%;
-}
.cardPadder-square {
padding-bottom: 100%;
contain: strict;
diff --git a/modules/layout.css b/modules/layout.css
index f96844a..aee8b52 100644
--- a/modules/layout.css
+++ b/modules/layout.css
@@ -336,7 +336,7 @@ html, body {
Forms
*/
form, .readOnlyContent {
- max-width: 90ch;
+ max-width: 80ch;
}
.auto-center {
diff --git a/modules/themes/appletv/theme.css b/modules/themes/appletv/theme.css
index e121da5..560489c 100644
--- a/modules/themes/appletv/theme.css
+++ b/modules/themes/appletv/theme.css
@@ -1391,7 +1391,6 @@ html {
}
.detailMainContainer-withbackdrop {
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;
diff --git a/modules/themes/black/theme.css b/modules/themes/black/theme.css
index 06bde98..68feec6 100644
--- a/modules/themes/black/theme.css
+++ b/modules/themes/black/theme.css
@@ -1393,7 +1393,6 @@ html,
}
.detailMainContainer-withbackdrop {
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;
diff --git a/modules/themes/dark/theme.css b/modules/themes/dark/theme.css
index bc940ac..34172af 100644
--- a/modules/themes/dark/theme.css
+++ b/modules/themes/dark/theme.css
@@ -1425,7 +1425,6 @@ html,
}
.detailMainContainer-withbackdrop {
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;
diff --git a/modules/themes/darkgradient/theme.css b/modules/themes/darkgradient/theme.css
index 7a63ce3..cb9cc1f 100644
--- a/modules/themes/darkgradient/theme.css
+++ b/modules/themes/darkgradient/theme.css
@@ -1510,7 +1510,6 @@ html {
}
.detailMainContainer-withbackdrop {
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;
diff --git a/modules/themes/light/theme.css b/modules/themes/light/theme.css
index c970922..b817f4c 100644
--- a/modules/themes/light/theme.css
+++ b/modules/themes/light/theme.css
@@ -1359,7 +1359,6 @@ html,
}
.detailMainContainer-withbackdrop {
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;