decidim-archive / design

⚠️ [DEPRECATED] Design of the Decidim framework
1 stars 3 forks source link

Disabled buttons are transparent (and should be translucid) #145

Closed josepjaume closed 7 years ago

josepjaume commented 7 years ago

:tophat: User Story

Disabled buttons are transparent while they should be translucid.

This bug re-appeared after trying to fix it in https://github.com/AjuntamentdeBarcelona/decidim-design/pull/122. Maybe because of a weird interaction with https://github.com/AjuntamentdeBarcelona/decidim-design/issues/137 ?

transparent-buttons

:clipboard: Related documentation

None

:dart: Acceptance criteria

Buttons (and links with a button class) with a disabled attribute should be translucid, not transparent.

:pushpin: Related issues

htmlboy commented 7 years ago

@josepjaume can you replace the <input> tag with a <button> tag and confirm there's still a problem? Foundation has a grey background for every disabled input by default (that's what you're seeing in the first place), and I'd prefer to not force specificity in .buttonstyles if we can avoid it.