diff --git a/src/sites/twitch-twilight/modules/css_tweaks/index.js b/src/sites/twitch-twilight/modules/css_tweaks/index.js index 5f5dab77..a55e4525 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)', + 'combos': '[class*="oneTapStreakPill--"], div#one-tap-store-id, .video-player__overlay video[class*="breakpointAnimationVideoOverlay--"]', '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"])', @@ -344,6 +345,16 @@ export default class CSSTweaks extends Module { } }); + this.settings.add('layout.combos', { + default: false, + ui: { + path: 'Appearance > Layout >> Channel', + title: 'Hide Combos.', + component: 'setting-check-box' + }, + changed: val => this.toggleHide('combos', val) + }); + /*this.settings.add('layout.discover', { default: true, ui: { @@ -522,6 +533,7 @@ export default class CSSTweaks extends Module { this.toggleHide('discover-luna', this.settings.get('layout.hide-discover-luna')); this.toggleHide('prime-offers', !this.settings.get('layout.prime-offers')); //this.toggleHide('top-discover', !this.settings.get('layout.discover')); + this.toggleHide('combos', this.settings.get('layout.combos')); this.toggle('hide-unfollow-button', this.settings.get('channel.hide-unfollow')); this.toggleHide('pinned-hype-chat', ! this.settings.get('chat.hype.show-pinned')); diff --git a/src/sites/twitch-twilight/modules/loadable.tsx b/src/sites/twitch-twilight/modules/loadable.tsx index f68ba155..0bc07bf0 100644 --- a/src/sites/twitch-twilight/modules/loadable.tsx +++ b/src/sites/twitch-twilight/modules/loadable.tsx @@ -23,6 +23,7 @@ declare module 'utilities/types' { interface SettingsTypeMap { 'chat.hype.show-pinned': boolean; 'layout.turbo-cta': boolean; + 'layout.combos': boolean; } } @@ -95,6 +96,10 @@ export default class Loadable extends Module { this.toggle('TopNav__TurboButton_Available', val); }); + this.settings.getChanges('layout.combos', val => { + this.toggle('CombosIngressButton_Available', !val); + }); + this.ErrorBoundaryComponent.ready((cls, instances) => { this.log.debug('Found Error Boundary component wrapper.');