From b1182caa427a9d5bb91ce7d3cbcec13754edda94 Mon Sep 17 00:00:00 2001 From: ipiv Date: Fri, 4 Dec 2020 20:03:01 +0100 Subject: [PATCH] hide-unfollow extra styling - in case of squad stream the buttons were overlapping --- src/sites/twitch-twilight/modules/css_tweaks/index.js | 4 ++-- .../modules/css_tweaks/styles/hide-unfollow-button.scss | 7 +++++++ 2 files changed, 9 insertions(+), 2 deletions(-) create mode 100644 src/sites/twitch-twilight/modules/css_tweaks/styles/hide-unfollow-button.scss 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