1202357 - [gaia-radio] support disable style and attribute

Status: RESOLVED WONTFIX

(Firefox OS Graveyard :: Gaia::Components, defect)

Description

[[e-mail]]

in bug 1194045 we need disable the radio selection in some condition, but currently gaia-radio does not support it.

Comment 1

[[e-mail]]

Kevin I found a use case that need gaia-radio disabled state, but adding 

```
#radio:disabled ~ span:after {
  opacity: 0.4;
}
```

seems not work. Could you help or guide me to patch for the correct state?

Comment 2

[Kevin Grandon :kgrandon]

It would likely be something like `#radio[disabled] ~ span:after {`, my guess is that the pseudo selector might not work on a custom element. I'm happy to fix this later this week, unless someone takes it first.

Comment 3

[Kevin Grandon :kgrandon]

Fred - I just saw that we had this definition inside of settings.css: https://github.com/mozilla-b2g/gaia/blob/master/apps/settings/style/settings.css#L290

Arguably we may want some code inside of the component to handle this, but for now we can re-use the existing style to do so?

Comment 4

[[e-mail]]

Thanks for point out that, add `gaia-radio[disabled]` in settings.css works. 

I'm happy to stick with this solution in bug 1194045, but would left this issue open for future update.

Comment 5

[BMO Automation]

Firefox OS is not being worked on