diff --git a/scripts/homeScreen.css b/scripts/homeScreen.css index 786b278..290b764 100644 --- a/scripts/homeScreen.css +++ b/scripts/homeScreen.css @@ -702,16 +702,3 @@ html[data-active-page="home"] body[data-seasonal-background="true"] .backdropCon } /* Compatibility Fix for the Jellyfin Featured Plugin https://github.com/spkesDE/jellyfin-featured-plugin/ */ -section.featured-root.featured-hero { - --featured-content-clearance: 0px !important; -} - -section.featured-root.featured-hero .featured-overview { - display: -webkit-box !important; -} - -@media (max-width: 1000px) { - section.featured-root.featured-hero { - --featured-content-clearance: -50px !important; - } -} \ No newline at end of file diff --git a/scripts/homeScreen3.js b/scripts/homeScreen3.js index 37d1a2d..5428abf 100644 --- a/scripts/homeScreen3.js +++ b/scripts/homeScreen3.js @@ -764,6 +764,24 @@ return homeScreenConfigPromise; } + + /** Add a sentinel to the home screen container to ensure there is at least one visible element since we hide the native sections */ + async function addHomeScreenSentinel(container) { + // Wait for homeSectionsContainer to be added to the class + await waitForHomeSectionsContainer(); + + const sentinel = document.createElement('div'); + sentinel.id = 'kefin-home-screen-sentinel'; + + // Prepend this specifically before the first .verticalSection / .section0 + const firstSection = container.querySelector('.section0'); + if (firstSection) { + firstSection.before(sentinel); + } else { + container.prepend(sentinel); + } + } + /** * Main Entry Point */ @@ -786,6 +804,8 @@ disconnectHomeSectionsReadyObserver(); + addHomeScreenSentinel(container); + // If Home-category sections already exist, avoid re-running full init. // Discovery-only remounts (e.g. back to Discover) must not skip home render. if (hasHomeCategorySections(container)) {