You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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?
The text was updated successfully, but these errors were encountered:
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?
The text was updated successfully, but these errors were encountered: