Skip to content

[Button] Disabled outline buttons have no disabled text color #2782

@Windigo

Description

@Windigo

Provide a general summary of the issue here

If variant is set to primary, the disabled styling breaks. My code looks like this:

<sl-button id="ending-button-side-bar" fill="outline" variant="primary" .disabled="${!this.locker?.rentalPeriod}" @click=${this.#onEndRentalPeriods} > <sl-icon name="far-circle-stop"></sl-icon>${msg('Ending')} </sl-button>

Looks like this:

Image

🤔 Expected Behavior?

Should look like this:

Image

😯 Current Behavior

Styling is wrong

💁 Possible Solution

fix css

🖥️ Steps to Reproduce

see code in first part of this report

What browsers are you seeing the problem on? (only for bugs in code)

Chrome

If other, please specify.

No response

What operating system are you using?

Mac OS

👤 Your name

Menno Homan

🧢 Your product/team

Us Heit

🎨 Your Theme(s)

Magister

Metadata

Metadata

Assignees

Type

Projects

Status

✈️ Released

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions