-
-
Notifications
You must be signed in to change notification settings - Fork 1.1k
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
Button icons not centered in v0.8.12 #2257
Comments
At the moment you might put a b-icon into the button as workaround |
This is a bit breaking, I'm using |
Only a my fault, I'm sorry |
@jtommy No worries! I was just wondering if one should switch to the workaround as permanent solution. :) I'll revert the upgrade and wait for a fix. (Y) |
No no, I'll restore it |
We could fix all of this with the updates to the vue-template-compiler, vue-loader etc. |
This workaround doesn't seems to fix it. When we can hope for fixed release? |
Fix is already in master (454c206) so expect a release anytime soon. |
Overview of the problem
Buefy version: [0.8.12]
Vuejs version: [2.6.11]
OS/Browser: MacOS 10.15.3/Google Chrome 79.0.3945.130
Description
In the new version 0.8.12 if you have a button with just an icon: e.g.
<b-button type="is-danger" icon-right="delete" />
The button isn't centered anymore.
You can see it here: https://buefy.org/documentation/button/
Steps to reproduce
Create a
b-button
with just an icon and no text or anything else.<b-button type="is-danger" icon-right="delete" />
Expected behavior
The icon inside the button should be centered.
Actual behavior
The icon inside the button isn't centered. It is either on the left if you use
icon-left
or on the right if you useicon-right
.The text was updated successfully, but these errors were encountered: