From a4d9ee8b8610b1cd9bae4a67f528cadcd7088327 Mon Sep 17 00:00:00 2001 From: lemonslut Date: Thu, 29 May 2025 22:31:18 -0600 Subject: [PATCH] implement with CLASSES in css_tweaks & make selector more specific --- src/sites/twitch-twilight/modules/css_tweaks/index.js | 1 + .../css_tweaks/styles/player-extensions-overlay.scss | 4 ---- src/sites/twitch-twilight/modules/player.jsx | 6 +++--- 3 files changed, 4 insertions(+), 7 deletions(-) delete mode 100644 src/sites/twitch-twilight/modules/css_tweaks/styles/player-extensions-overlay.scss diff --git a/src/sites/twitch-twilight/modules/css_tweaks/index.js b/src/sites/twitch-twilight/modules/css_tweaks/index.js index 50be58c4..ca8838a0 100644 --- a/src/sites/twitch-twilight/modules/css_tweaks/index.js +++ b/src/sites/twitch-twilight/modules/css_tweaks/index.js @@ -38,6 +38,7 @@ const CLASSES = { 'player-ext': '.video-player .extension-taskbar,.video-player .extension-container,.video-player .extensions-dock__layout,.video-player .extensions-notifications,.video-player .extensions-video-overlay-size-container,.video-player .extensions-dock__layout', '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-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/css_tweaks/styles/player-extensions-overlay.scss b/src/sites/twitch-twilight/modules/css_tweaks/styles/player-extensions-overlay.scss deleted file mode 100644 index 4b3084ac..00000000 --- a/src/sites/twitch-twilight/modules/css_tweaks/styles/player-extensions-overlay.scss +++ /dev/null @@ -1,4 +0,0 @@ -.extensions-dock__dock { - display: none !important; -} - diff --git a/src/sites/twitch-twilight/modules/player.jsx b/src/sites/twitch-twilight/modules/player.jsx index b12b3814..c9addd12 100644 --- a/src/sites/twitch-twilight/modules/player.jsx +++ b/src/sites/twitch-twilight/modules/player.jsx @@ -166,10 +166,10 @@ export default class Player extends PlayerBase { ui: { path: 'Player > General >> Appearance', component: 'setting-check-box', - title: 'Hide the extensions dock overlay.', + title: 'Hide the extensions dock overlay that pops up on hover.', }, - changed: val => this.css_tweaks.toggle('player-extensions-overlay', val) + changed: val => this.css_tweaks.toggleHide('player-extensions-overlay', val) }); /*this.settings.add('player.hide-rerun-bar', { @@ -193,7 +193,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.toggle('player-extensions-overlay', this.settings.get('player.extensions-overlay.hide')); + this.css_tweaks.toggleHide('player-extensions-overlay', this.settings.get('player.extensions-overlay.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'));