Skip to content

Expand/collapse button -> Change to make it look like a toggle

Our current design for the expand/collapse button looks like this:

Screen_Shot_2017-02-22_at_11.54.13_AM Screen_Shot_2017-02-22_at_11.54.22_AM

The button looks the same in both states.

We should explore options that make the button look more like a toggle.

@cperessini suggested leaving it in an active state, with the darker color and inner shadow

Expand Collapse
Screen_Shot_2017-02-22_at_12.40.38_PM Screen_Shot_2017-02-22_at_11.59.01_AM
white background box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2)