Skip to content

[Bug Fix] React button overlap in hidden elements feature#555

Closed
ZemyCode wants to merge 2 commits into
SevenTV:masterfrom
ZemyCode:fix/reactButtonOverlap
Closed

[Bug Fix] React button overlap in hidden elements feature#555
ZemyCode wants to merge 2 commits into
SevenTV:masterfrom
ZemyCode:fix/reactButtonOverlap

Conversation

@ZemyCode
Copy link
Copy Markdown
Contributor

Bug Fix

Small bug fix if hiding "Unfollow" button without hiding "React" button.

This PR also adds another selector for removing the live notification button with the goal of removing the left padding to make the UI look cleaner after removal. However, the original selector is still added as a fallback option since the new selector relies on a chain of multiple children.

Screenshots

Normal:
image

Before Fix:

With just unfollow hidden:
image

With unfollow and live notification hidden:
image

With just live notification hidden:
image

After Fix:

With just unfollow hidden:
image

With unfollow and live notification hidden:
image

With just live notification hidden:
image

@ZemyCode
Copy link
Copy Markdown
Contributor Author

ZemyCode commented Apr 30, 2023

@AnatoleAM I discovered this bug right after testing in the nightly version... should be a quick fix though. Is there a way to bypass the changelog check? Not really sure if a changelog update is necessary here.

@AnatoleAM AnatoleAM added the skip changelog check This pull request does not need a changelog entry label Apr 30, 2023
@ZemyCode ZemyCode changed the title Fix/react button overlap [Bug Fix] React button overlap in hidden elements feature Apr 30, 2023
Comment on lines +209 to +217
// Remove entire div containing live noti button to get rid of left padding
div[data-target="channel-header-right"]
> *:nth-child(2)
> *:nth-child(1)
> *:nth-child(2)
> *:nth-child(1)
> *:nth-child(2) {
display: none !important;
}
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is likely to break, at this point it may be preferable to hook the react component itself rather than use purely CSS.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

skip changelog check This pull request does not need a changelog entry

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[BUG] Twitch - Hiding unfollow button makes the "React" and other elements overlap

2 participants