[GH-ISSUE #10] Subscribe and join buttons overlap #7

Closed
opened 2026-03-23 20:31:32 +00:00 by mirror · 3 comments
Owner

Originally created by @mattkdoggie on GitHub (Dec 1, 2022).
Original GitHub issue: https://github.com/tubearchivist/browser-extension/issues/10

The subscribe and join buttons overlap when there is not enough space horizontally. It also cuts off the channel info as well.

Example without join button -
Screenshot 2022-11-30 at 7 39 02 PM

Example with join button -
Screenshot 2022-11-30 at 7 39 52 PM

Originally created by @mattkdoggie on GitHub (Dec 1, 2022). Original GitHub issue: https://github.com/tubearchivist/browser-extension/issues/10 The subscribe and join buttons overlap when there is not enough space horizontally. It also cuts off the channel info as well. Example without join button - <img width="763" alt="Screenshot 2022-11-30 at 7 39 02 PM" src="https://user-images.githubusercontent.com/95995256/204945208-18b53a60-a7bd-48cf-ac80-5c33f5bbb861.png"> Example with join button - <img width="754" alt="Screenshot 2022-11-30 at 7 39 52 PM" src="https://user-images.githubusercontent.com/95995256/204945305-b34b753b-e933-4f7f-9985-908460672934.png">
Author
Owner

@bbilly1 commented on GitHub (Dec 2, 2022):

I think I got this to behave nicer now. The channel name cut off is a YouTube thing. That will happen a bit sooner now with the additional button taking up space than it otherwise would. But I don't think we can avoid that. In any case, v0.1.1 will be out once it passes validations.

<!-- gh-comment-id:1334857059 --> @bbilly1 commented on GitHub (Dec 2, 2022): I think I got this to behave nicer now. The channel name cut off is a YouTube thing. That will happen a bit sooner now with the additional button taking up space than it otherwise would. But I don't think we can avoid that. In any case, v0.1.1 will be out once it passes validations.
Author
Owner

@mattkdoggie commented on GitHub (Dec 2, 2022):

Looks better but I'm now getting the like button to overlap in some situations.
Example -
Screenshot 2022-12-02 at 7 46 03 AM

This is only happening in a very narrow width.

<!-- gh-comment-id:1335257049 --> @mattkdoggie commented on GitHub (Dec 2, 2022): Looks better but I'm now getting the like button to overlap in some situations. Example - <img width="673" alt="Screenshot 2022-12-02 at 7 46 03 AM" src="https://user-images.githubusercontent.com/95995256/205307311-26b6640b-1f90-4f51-af26-deae21195f81.png"> This is only happening in a very narrow width.
Author
Owner

@bbilly1 commented on GitHub (Dec 2, 2022):

Sometimes it needs a page refresh for the other youtube buttons to realize there isn't enough space anymore, sometimes it doesn't trigger on window resize. If you want to keep tinkering with it, please do. We can always also finetuning it as we go.

<!-- gh-comment-id:1335267574 --> @bbilly1 commented on GitHub (Dec 2, 2022): Sometimes it needs a page refresh for the other youtube buttons to realize there isn't enough space anymore, sometimes it doesn't trigger on window resize. If you want to keep tinkering with it, please do. We can always also finetuning it as we go.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
tubearchivist/archived-browser-extension#7
No description provided.