You have to use a Safari browser. You can see the bug also on the Bootstrap-Vue page if you hover the linked avatar cat list entry:
https://bootstrap-vue.org/docs/components/avatar#button
Problem:
If an avatar image is a link, than it will be added a nice little transition on the image to scale up a bit:b-avatar.btn:not(:disabled):not(.disabled):hover .b-avatar-img img, .b-avatar[href]:not(:disabled):not(.disabled):hover .b-avatar-img img { -webkit-transform: scale(1.15); transform: scale(1.15); }
Unfortunately this animation will cause a back and forth between a round and not round border-radius on Safari browsers.
Is there any work around or bugfix for that?
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4