New proposal to left align icons

[kwm14]

Notes from our Product consistency workshop:

• Accordion
• Sidebar navigation components

[kwm14]

First pass

• Left align icons on Accordion and Table expandable
• Applied to new MAAS filter

Accordion

Table expandable

MAAS filter

[kwm14]

Design review

with @spencerbygraves @lyubomir-popov

• Doesn't work for expandable table as we have instances where two items need to expand which live together (MAAS - MAC & IP)
• +1 new position for MAAS
• Try this new layout on RBAC and look for any other instances on marketing websites

[kwm14]

Updated design

• Looked across our marketing sites and we don't use the accordion component
• Put MAAS example in situ
• Applied it to RBAC and also put in situ

RBAC filter

RBAC in situ

MAAS in situ

[kwm14]

Will UX review with @clagom @cassiocassio next week when they're both back in the office 👍

[kwm14]

UX review

• +1 from both @clagom and @cassiocassio
• this update will be part of our v2.0 release
• future thoughts from @cassiocassio
  • indicator on icon to know you've selected
  • icon darkens 10% or selection is framed?

[clagom]

@kwm14 +1, nice change

[kwm14]

I've created a build issue for this update to take place - https://github.com/vanilla-framework/vanilla-framework/issues/2008