From 4968f500e67d11afb6cd223d6a3c65f187ab4a60 Mon Sep 17 00:00:00 2001 From: lemonslut Date: Wed, 28 May 2025 23:01:27 -0600 Subject: [PATCH] add toggle to hide Prime Benefits player overlay adds a toggle under `Player > General >> Appearance` that hides the enormous 'Prime Benefits' dropdown button that appears on hover --- .../twitch-twilight/modules/css_tweaks/index.js | 1 + src/sites/twitch-twilight/modules/player.jsx | 12 ++++++++++++ 2 files changed, 13 insertions(+) diff --git a/src/sites/twitch-twilight/modules/css_tweaks/index.js b/src/sites/twitch-twilight/modules/css_tweaks/index.js index ca8838a0..245d3f49 100644 --- a/src/sites/twitch-twilight/modules/css_tweaks/index.js +++ b/src/sites/twitch-twilight/modules/css_tweaks/index.js @@ -39,6 +39,7 @@ const CLASSES = { 'player-ext-hover': '.video-player__container[data-controls="false"] .extension-taskbar,.video-player__container[data-controls="false"] .extension-container,.video-player__container[data-controls="false"] .extensions-dock__layout,.video-player__container[data-controls="false"] .extensions-notifications,.video-player__container[data-controls="false"] .extensions-video-overlay-size-container', 'player-cast': '.video-player button:has(.tw-chromecast-button__icon)', 'player-extensions-overlay': '.video-player .video-player__overlay .extensions-dock__dock', + 'player-prime-benefits': '.video-player .extensions-video-overlay-size-container div[data-test-selector="iframe_container_selector"] iframe.extension-view__iframe', 'player-event-bar': '.channel-root .live-event-banner-ui__header', 'player-rerun-bar': '.channel-root__player-container div.tw-c-text-overlay:not([data-a-target="hosting-ui-header"])', diff --git a/src/sites/twitch-twilight/modules/player.jsx b/src/sites/twitch-twilight/modules/player.jsx index c9addd12..e2c1ec85 100644 --- a/src/sites/twitch-twilight/modules/player.jsx +++ b/src/sites/twitch-twilight/modules/player.jsx @@ -172,6 +172,17 @@ export default class Player extends PlayerBase { changed: val => this.css_tweaks.toggleHide('player-extensions-overlay', val) }); + this.settings.add('player.prime-benefits.hide', { + default: false, + ui: { + path: 'Player > General >> Appearance', + component: 'setting-check-box', + title: 'Hide the Prime Benefits dropdown button in the player overlay.', + }, + + changed: val => this.css_tweaks.toggleHide('player-prime-benefits', val) + }); + /*this.settings.add('player.hide-rerun-bar', { default: false, ui: { @@ -194,6 +205,7 @@ export default class Player extends PlayerBase { this.css_tweaks.toggle('theatre-no-whispers', this.settings.get('player.theatre.no-whispers')); this.css_tweaks.toggle('theatre-metadata', this.settings.get('player.theatre.metadata')); this.css_tweaks.toggleHide('player-extensions-overlay', this.settings.get('player.extensions-overlay.hide')); + this.css_tweaks.toggleHide('player-prime-benefits', this.settings.get('player.prime-benefits.hide')); this.css_tweaks.toggleHide('player-event-bar', this.settings.get('player.hide-event-bar')); //this.css_tweaks.toggleHide('player-rerun-bar', this.settings.get('player.hide-rerun-bar'));