Switch too big

[lyubomir-popov]

2. Pattern proposal/amendment

The switch component is rather big compared to other switches in material design / ios etc. We have some complaints about it being too big in maas (https://bugs.launchpad.net/maas/+bug/1751899), so I think it is worth considering making it smaller.

Is this a proposal or an amendment?

• Amendment

If amendment, what is the name of the pattern to be amended?

Visual

Provide a screenshot or link to prototype of your pattern proposal.

Context

In what context will the pattern be used?

State

Does this pattern have state? If so, what are the different states (e.g. accordion with closed/open states)?

Progressive enhancement

A pattern should be designed small screen first. How does this pattern scale up?
How will this pattern degrade on less competent browsers?

[lyubomir-popov]

Update: I've played around with it, and although it can be made smaller, the text inside makes it look too tight. Can we omitt the On / Off? iOS / Android switches don't seem to have it, and there's an optional label in the pattern to clarify what it is doing.

[kwm14]

Agreed in working group

• convert switcher to checkbox
• we can remove on/off text

[kwm14]

Fixed in v1.7.0 release 💯