The Elearning Community • "Subscribe" button CSS sprite hover isn't rendering correctly
Page 1 of 1

"Subscribe" button CSS sprite hover isn't rendering correctly

Posted: Wed Jan 17, 2024 1:36 pm
by eduardomozart
Hello,
When hovering the "Subscribe" Plus (+) button on page E-learning > Courses > Courses > Subscription at Google Chrome 120, it seems that the Plus button is misaligned and when hovering the hover Sprite is also misaligned and cut wrong, as can be seen in:

Image

Re: "Subscribe" button CSS sprite hover isn't rendering correctly

Posted: Wed Jan 17, 2024 2:37 pm
by alfa24
Yes, it's a bootstrap bug (/addons/jquery/bootstrap/css/bootstrap-theme-3.3.6.min.css), adding a background-position property to all .btn-default hover pseudoclass, but the button has already its image background.

Re: "Subscribe" button CSS sprite hover isn't rendering correctly

Posted: Thu Jan 18, 2024 1:18 pm
by eduardomozart
For anyone that maybe interested, I created the PR#9 that fix the issue: https://github.com/formalms/formalms/pull/9