diff --git a/src/sites/twitch-twilight/modules/css_tweaks/index.js b/src/sites/twitch-twilight/modules/css_tweaks/index.js index 3634c63c..ae1f5e00 100644 --- a/src/sites/twitch-twilight/modules/css_tweaks/index.js +++ b/src/sites/twitch-twilight/modules/css_tweaks/index.js @@ -369,7 +369,7 @@ export default class CSSTweaks extends Module { title: 'Hide the Unfollow button.', component: 'setting-check-box' }, - changed: val => this.toggleHide('unfollow', val) + changed: val => this.toggle('hide-unfollow-button', val) }); this.settings.add('channel.hide-live-indicator', { @@ -422,7 +422,7 @@ export default class CSSTweaks extends Module { this.toggleHide('side-offline-channels', this.settings.get('layout.side-nav.hide-offline')); this.toggleHide('prime-offers', !this.settings.get('layout.prime-offers')); this.toggleHide('top-discover', !this.settings.get('layout.discover')); - this.toggleHide('unfollow', this.settings.get('channel.hide-unfollow')); + this.toggle('hide-unfollow-button', this.settings.get('channel.hide-unfollow')); this.toggle('square-avatars', ! this.settings.get('channel.round-avatars')); //this.toggleHide('not-live-bar', this.settings.get('channel.hide-not-live-bar')); diff --git a/src/sites/twitch-twilight/modules/css_tweaks/styles/hide-unfollow-button.scss b/src/sites/twitch-twilight/modules/css_tweaks/styles/hide-unfollow-button.scss new file mode 100644 index 00000000..b2ec18da --- /dev/null +++ b/src/sites/twitch-twilight/modules/css_tweaks/styles/hide-unfollow-button.scss @@ -0,0 +1,7 @@ +.metadata-layout__secondary-button-spacing { + margin-right: 0 !important; +} + +.follow-btn__follow-btn--following,.follow-btn--following { + display: none !important; +} \ No newline at end of file