Add options to hide pinned hype chat list and hype chat button#709
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Feature: 2 new options to hide elements of the new Twitch feature called "Hype Chats"
Purpose
Twitch just introduced the new feature "hype chats" (see: https://help.twitch.tv/s/article/hype-chat-faq).
This feature can be really annoying for casual viewers considering the bright colors and constant pin above the chat.
Therefore this PR aims to introduce options to remove most of the hype chat features.
However, this change does not affect the solid boxes of "hype chat"-messages in the chat.
Implementation
Both options disable the respective site elements via their unique class or attribute.
For the "Hype Chat"-button, the attribute "aria-label" is used as unique identification.
For the "Pinned list of hype chats", the element's class name proves unique.
Both new options have been tested in various combinations with other existing options and work flawlessly.
The unchanged features on Twitch
The middle button (lightning icon) is the new "Hype Chat" button:
An example of a pinned "paid" hype chat:
With the proposed options enabled (elements hidden)
"Hide Hype Chat Button"-toggle enabled:
"Hide Pinned Hype Chats"-toggle enabled:
The options in the settings popup
Note
As this is my first time contributing to this extension/repo, please pardon any contributing errors of mine. I have used this extension for quite some time and would now love to help in its development.
Feel free to adapt my changes to your desires or decline my PR completely.