bootstrap icon indicating copy to clipboard operation
bootstrap copied to clipboard

Fix button hover color in cover example

Open jtsimoes opened this issue 2 years ago • 0 comments

Hovering the button on the Cover example makes the text white, making it impossible to read on the white background.

This is due to the use of .btn-secondary class (which applies color: var(--bs-btn-hover-color) aka #fff on hover) together with the use of .bg-white class.

This PR fix this issue. I decided to simply switch from .btn-secondary to the .btn-light class, since it is the closest thing to a white button that we have at the moment.

Thus, this class changes the button text on hover to black, providing also a nice transition effect (from #333 to #000) that did not exist before.

v5.1 v5.2 This PR
v5.1 v5.2 Now

jtsimoes avatar Sep 12 '22 02:09 jtsimoes