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;