Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Hovering the like button on a post shift the like number #303

Open
R3laxAti0n opened this issue Mar 27, 2024 · 1 comment
Open

Hovering the like button on a post shift the like number #303

R3laxAti0n opened this issue Mar 27, 2024 · 1 comment
Labels
bug Something isn't working CSS That can be fixed with a bit of style

Comments

@R3laxAti0n
Copy link

Hello,
I was consulting a public post on the BDX Town instance and I discovered that hovering over the like button make the like number shift a bit.
Screen for better comprehension :
Without hover
image
With hover
image

I was on Vivaldi (latest update at the time - 6.6.3271.53).

I'm not sure it's expected behavior so I raised this issue.

@R3laxAti0n R3laxAti0n changed the title [BUG] Hovering the like button on a post shift the like number Hovering the like button on a post shift the like number Mar 27, 2024
@Dehelssey
Copy link
Collaborator

Enregistrement.de.l.ecran.2024-03-30.a.16.27.26.mov

I checked the code and a counter is hidden on hover just for another one to be displayed...

.emoji-reacts-container:hover .emoji-reacts__count {
    display: none;
}

.emoji-reacts-container:hover .emoji-react__count {
    display: inline;
}

Based on the class names i realized one div is a counter for all the reactions, the other is a counter for one kind of reaction
i added another reaction to show the behaviour

Enregistrement.de.l.ecran.2024-03-30.a.16.32.52.mov

nevertheless, number shouldn't "move" when only one type of reaction exists

@Dehelssey Dehelssey added bug Something isn't working CSS That can be fixed with a bit of style labels Mar 30, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working CSS That can be fixed with a bit of style
Projects
None yet
Development

No branches or pull requests

2 participants