From a3c948b070a7b99feed035d45773c2e0aad9db76 Mon Sep 17 00:00:00 2001
From: redphx <96280+redphx@users.noreply.github.com>
Date: Thu, 12 Dec 2024 06:53:25 +0700
Subject: [PATCH] Fix problem with Smart TV profile and Guide menu (#594)

---
 src/assets/css/guide-menu.styl | 8 ++++----
 src/modules/ui/guide-menu.ts   | 8 ++++++++
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/assets/css/guide-menu.styl b/src/assets/css/guide-menu.styl
index 5821e90..b2bfced 100755
--- a/src/assets/css/guide-menu.styl
+++ b/src/assets/css/guide-menu.styl
@@ -7,11 +7,11 @@
         margin-bottom: 0 !important;
     }
 
-    body[data-media-type=tv] & {
+    body[data-bx-media-type=tv] & {
         flex-direction: column;
     }
 
-    body:not([data-media-type=tv]) & {
+    body:not([data-bx-media-type=tv]) & {
         flex-direction: row;
 
         > button:first-of-type {
@@ -34,7 +34,7 @@
         flex-direction: row;
         gap: 12px;
 
-        body[data-media-type=tv] & {
+        body[data-bx-media-type=tv] & {
             flex-direction: column;
 
             button {
@@ -42,7 +42,7 @@
             }
         }
 
-        body:not([data-media-type=tv]) & {
+        body:not([data-bx-media-type=tv]) & {
             button {
                 span {
                     display: none;
diff --git a/src/modules/ui/guide-menu.ts b/src/modules/ui/guide-menu.ts
index 3bff92a..7aa7bfc 100755
--- a/src/modules/ui/guide-menu.ts
+++ b/src/modules/ui/guide-menu.ts
@@ -8,6 +8,9 @@ import { SettingsDialog } from "./dialog/settings-dialog";
 import { TrueAchievements } from "@/utils/true-achievements";
 import { BxIcon } from "@/utils/bx-icon";
 import { BxEventBus } from "@/utils/bx-event-bus";
+import { getPref } from "@/utils/settings-storages/global-settings-storage";
+import { UiLayout } from "@/enums/pref-values";
+import { PrefKey } from "@/enums/pref-keys";
 
 export enum GuideMenuTab {
     HOME = 'home',
@@ -111,6 +114,11 @@ export class GuideMenu {
             class: 'bx-guide-home-buttons',
         });
 
+        // Set TV tag
+        if (STATES.userAgent.isTv || getPref<UiLayout>(PrefKey.UI_LAYOUT) === UiLayout.TV) {
+            document.body.dataset.bxMediaType = 'tv';
+        }
+
         for (const $button of buttonsLayout) {
             if (!$button) {
                 continue;