Same

also like that on Chrome

Same thing using Userscript

as a workaround you can block the bar using ublock origin or so.

as a workaround you can block the bar using ublock origin or so.

how did you do it?

@nsde I right clicked the bar, selected Block Element and selected the create button.

ok

Not as misaligned for me but it still looks weird

Hey, this was fixed in this PR!
Let me know if the issue still persists (I couldn't re-create it on my end).

Same in Brave; also the ratio is off quite a bit

Wrong ratio

Ohhh yeah, I saw this bug too but couldn't replicate it 😅 (it's a separate thing to what I've worked on though).

Misalignment

Please install the extension from the repo (NOT the Chrome Web Store) and check again as I can't replicate anything similar to your screenshot. Although I have noticed that something's up with the centering (it's only a couple px though, nothing close to what the screenshot shows).

Would you mind specifying Brave's version and the YouTube video link?

Wrong ratio

Ohhh yeah, I saw this bug too but couldn't replicate it 😅 (it's a separate thing to what I've worked on though).

Misalignment

Please install the extension from the repo (NOT the Chrome Web Store) and check again as I can't replicate anything similar to your screenshot. Although I have noticed that something's up with the centering (it's only a couple px though, nothing close to what the screenshot shows).

Would you mind specifying Brave's version and the YouTube video link?

Brave [Version 1.45.123 Chromium: 107.0.5304.110 (Official Build) (64-bit)])
Video: https://www.youtube.com/watch?v=x4CqnTF0lkc

But now it looks fine, seems to be intermittent, or just happening when there are 0 dislikes.

Okay, it looks like we're both on the same Brave version.
After testing this on ~30 videos, besides the really small misalignment I've talked about earlier (only a couple px) I just can't seem to get something as bad as on the screenshots even with:

• reloading multiple times
• clearing cookies
• logging in
• logging out

It's important to keep in mind that this testing was of course done using the GitHub version.

Here are a couple videos that have 0 dislikes:

• https://www.youtube.com/watch?v=9i4gsTIS4S0
• https://www.youtube.com/watch?v=ZxJ88LFe0Ps
• https://www.youtube.com/watch?v=lLHEi0bqi6A

I'm on v3.0.0.6, and yes, the issue appears when there are no dislikes.



The ratio issue was the bigger problem in my opinion, but that hasn't resurfaced.

Wow... Now I'm really confused. I've tried to replicate this on both the main repo, my fork and the Chrome Web version and the only way I could get that misalignment was of course with the Chrome Web Store version.

I'm wondering what else could contribute to that. Have you tried the things I did?

• reloading multiple times
• clearing cookies
• logging in
• logging out

Ohh and are you absolutely sure you're not using the Chrome Web Store version?

3.0.0.6 for me is the Google Web Store version, yes, thats what I’m using.
Havent really spent much time on this to be honest, since its purely cosmetic…

Ok, so that's the issue. If you'd switch to the repo version you wouldn't encounter the issue anymore.

@ErykDarnowski Hey Bro! I got a quick and probably easy solution to fix the whole dislike counter misalignment.

Use Halfwidth Hangul Filler Unicode Character (U+FFA0) before the dislike counter text (no spaces in between) which basically shifts the dislike text a bit towards the right and the whole issue gets resolved, and no issue while zooming in and out either. Halfwidth Hangul Filler is basically a transparent yet selectable via cursor character. The thing is between these emojis 👉ﾠ👈.
Website for more details about the character- https://www.compart.com/en/unicode/U+FFA0
[PS- you can even troll people with this character 😂.]

Sample-
(Before)

(After)

Hey @Ansh4011 that's a great solution. Thing is this issue is referring to the missalignment of the ratio bar! 😅

There are however a couple issues that would greatly benefit from your fix though. They ones that caught my eye are these 2 (but I haven't looked through every issue so there may be more):

• Dislike margins and DOM tree are messed up #776
• YouTube New UI Problems #801

Hey @Ansh4011 that's a great solution. Thing is this issue is referring to the missalignment of the ratio bar! 😅

There are however a couple issues that would greatly benefit from your fix though. They ones that caught my eye are these 2 (but I haven't looked through every issue so there may be more):

• Dislike margins and DOM tree are messed up #776
• YouTube New UI Problems #801

Lol nvm for posting in the wrong place.😂
Thanks!

Still a problem after the update...

now it's not even there for me

Still misaligned, but now only slightly

Yes, I've recently also noticed this!
I'll try to resolve it as soon as I can.

Okay, I think I've found what's wrong.

The main coulprit seems to be left: -4 CSS in the .ryd-tooltip-new-design class!
I'll work on a PR for this soon.

Okay I've decided to take the approach of making the bar width, the same as the like + dislike buttons container (the same the extension did back in the times of the old YT design).

This will be done by:

1. Removing left: -4 CSS from the .ryd-tooltip-new-design class.
2. Using a different approach to calculate the bar's width (one that doesn't round):

// New:
parseFloat(window.getComputedStyle(getLikeButton()).width); // e.g. `150.55`

// Old:
getLikeButton().clientWidth // e.g. `151`

This new approach will be implemented because I've noticed that the bar was protruding a little too much on the right side, compared to the like + dislike button container:

For some reason, the dislike bar is in the right spot again without an extension update, but for me its slightly offcentered to the left now

Yes, I'm aware of that I fixed it in this PR!

Alright, just wasnt sure why the bar suddenly appeared (at all) in the right spot again without any extension update

There must've been an update (maybe an automatic one) as I've implemented that fix (just didn't notice the 4px shift to the left, which I'm fixing with the PR I've linked in my previous comment).

What version of the extension are you running @ToothyDev?

3.0.0.7

Yup! Must have auto updated.