feat(tv): implement fullscreen navigation behavior for TV page

2026-03-12 03:32:31 +01:00
parent 9559858075
commit 8754758254
2 changed files with 21 additions and 0 deletions
--- a/k-tv-frontend/app/globals.css
+++ b/k-tv-frontend/app/globals.css
@@ -126,4 +126,17 @@
  html {
    @apply font-sans;
  }
+}
+
+/* Hide the nav bar when the TV page is in fullscreen, reveal on interaction */
+body.tv-fullscreen header {
+  transform: translateY(-100%);
+  opacity: 0;
+  pointer-events: none;
+  transition: transform 0.25s ease, opacity 0.25s ease;
+}
+body.tv-fullscreen.tv-overlays header {
+  transform: translateY(0);
+  opacity: 1;
+  pointer-events: auto;
 }