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

Bulma V1.0.0 disabled is-outlined button bug #3745

Open
merubird opened this issue Mar 24, 2024 · 7 comments
Open

Bulma V1.0.0 disabled is-outlined button bug #3745

merubird opened this issue Mar 24, 2024 · 7 comments

Comments

@merubird
Copy link

This is about Bulma.

Overview of the problem

This is about the Bulma CSS framework
I'm using Bulma version [1.0.0]

Description

if I use a disabled button in the style is-outlined is displayed wrong:
button_disabled

Steps to Reproduce

<button class="button is-danger is-outlined" disabled="">Outlined </button>

@tonprince
Copy link

I have the same problem, the disabled is-outlined button has a wrong text color so the label is invisible.

@tonprince
Copy link

I created a PR.

#3773

@tonprince
Copy link

Please include the PR in the next patch relase. Thanks.

@tonprince
Copy link

It has been a while without any reply. This should be an easy fix to apply.

@groenroos
Copy link
Contributor

This is a showstopper for us to upgrade to 1.x.x - any news on merging the fix?

@tonprince
Copy link

tonprince commented Jul 28, 2024

Is there any update on this?

Uploading image.png…

@januwA
Copy link

januwA commented Nov 2, 2024

image

<button class="button is-primary is-outlined" disabled>...</button>
"bulma": "^1.0.2",
"sass": "^1.80.6"

Fix:

button {
  @extend .button;
  @extend .is-small;

  // fix bulma BUG
  &.is-outlined[disabled] {
    background-color: #000 !important;
  }
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants