Clarity: core: disabled state colors for cds-button

Created on 19 Dec 2020  路  6Comments  路  Source: vmware/clarity

Describe the bug

The flat variant of cds-button, when disabled, has incorrect text color, and gets some background interaction on hover:

flat-disabled

How to reproduce

You can see the code for the above screencast at https://stackblitz.com/edit/react-ts-js9w2u?file=index.tsx

Expected behavior

I would expect a flat button to not react on hover at all when disabled, and have white text color.

Version

Clarity (both @cds/core and @cds/react): 5.0.0-next.0

@cdcore button 4 medium-high bug

All 6 comments

@Shijir : What is our status on this?

Looks like this was fixed with the theme fixes in the 5.0 release
Screen Shot 2021-01-26 at 10 27 15 AM

I noticed that, thank you!
Quick question though, was it on purpose that:

  • text on disabled state is dark gray on gray, as opposed to white on gray (as it was on disabled solid before)?
  • outline disabled has changed? I think the previous way worked better

/Cc @jaybellew1 @sbaldwa-cht

@astorije ah yes I see the diff comparing to clr-ui. I'll check on if they are supposed to be synced as one disabled style now or each different. Comparison this is clr-ui

Screen Shot 2021-01-26 at 12 55 39 PM

Hey @coryrylan, it looks like #5518 fixed this issue so I think it can be closed.

Given the following buttons:

Screen Shot 2021-02-05 at 7 30 23 PM

We correctly get the following now:

Screen Shot 2021-02-05 at 7 29 24 PM

So that's much better!

However, would you be open to adjusting the solid-disabled text color like the following? Disabled text is rather hard to read at the moment:

Screen Shot 2021-02-05 at 7 30 07 PM

@astorije hey yeah lets leave this issue open and I'll update the title

Was this page helpful?
0 / 5 - 0 ratings

Related issues

elesueur picture elesueur  路  3Comments

clane picture clane  路  3Comments

beaker1977 picture beaker1977  路  3Comments

Vad1mo picture Vad1mo  路  3Comments

srikanthps picture srikanthps  路  3Comments