oss/FrankerFaceZ
oss/FrankerFaceZ
1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-06-27 21:05:53 +00:00
Code Wiki Activity

add toggle to hide Prime Benefits player overlay

Browse source 
adds a toggle under `Player > General >> Appearance` that hides the
enormous 'Prime Benefits' dropdown button that appears on hover
This commit is contained in:
lemonslut 2025-05-28 23:01:27 -06:00
parent a4d9ee8b86
commit 4968f500e6
No known key found for this signature in database
2 changed files with 13 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/sites/twitch-twilight/modules/css_tweaks/index.js
View file

@ -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"])',

12
src/sites/twitch-twilight/modules/player.jsx
View file

@ -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'));