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

b-avatar button border size is too big when avatar size is set #5073

Comments

@m-demydiuk
Copy link

m-demydiuk commented Apr 2, 2020

Describe the bug

I have b-avatar button with size set to 150px
<b-avatar button @click="change" :src="currentUserImage" size="150px"></b-avatar>

And it looks tooo odd:
image

Why avatar border is increased?

BTW, when avatar is in normal mode (not button), it looks ok:
image

@tmorehouse
Copy link
Member

tmorehouse commented Apr 2, 2020

Ah, we'll need to override the button padding. For now you can do this to remove hte padding from the button:

<b-avatar button @click="change" :src="currentUserImage" size="150px" class="p-0"></b-avatar>

@tmorehouse
Copy link
Member

tmorehouse commented Apr 2, 2020

@m-demydiuk BootstrapVue v2.10.1 has been released with the fix.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment