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 new file mode 100644 index 00000000..4b3084ac --- /dev/null +++ b/src/sites/twitch-twilight/modules/css_tweaks/styles/player-extensions-overlay.scss @@ -0,0 +1,4 @@ +.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 b2a6c2d2..b12b3814 100644 --- a/src/sites/twitch-twilight/modules/player.jsx +++ b/src/sites/twitch-twilight/modules/player.jsx @@ -161,6 +161,17 @@ export default class Player extends PlayerBase { } }); + this.settings.add('player.extensions-overlay.hide', { + default: false, + ui: { + path: 'Player > General >> Appearance', + component: 'setting-check-box', + title: 'Hide the extensions dock overlay.', + }, + + changed: val => this.css_tweaks.toggle('player-extensions-overlay', val) + }); + /*this.settings.add('player.hide-rerun-bar', { default: false, ui: { @@ -182,6 +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-event-bar', this.settings.get('player.hide-event-bar')); //this.css_tweaks.toggleHide('player-rerun-bar', this.settings.get('player.hide-rerun-bar'));