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:
🤔 Expected Behavior?
Should look like this:
😯 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