carbon-design-system / carbon-for-ibm-dotcom

Carbon for IBM.com is based on the Carbon Design System for IBM
https://www.ibm.com/standards/carbon/
Apache License 2.0
264 stars 157 forks source link

Left panel container design specs #295

Closed jeffchew closed 4 years ago

jeffchew commented 4 years ago

Wonil-Suh1 created the following on Jul 25:

User story

As an adopter, I need a standardized way that will allow me to add left side panel that can house my interface elements such as filters, navigational elements, TOC, etc.

Notes

This is to create left panel container specs that cover items such as:

The initial adopters include Product Discovery squad's search result page, Discover pages from Web Simplification project, and potentially My IBM pages.

Acceptance criteria

Next steps

Approval and guidelines will be handled through follow up issues.

Original issue: https://github.ibm.com/webstandards/digital-design/issues/1302

jeffchew commented 4 years ago

On Aug 27, spbokma commented: Concepts sketched out during a meeting between Wonil, Jeff and Scott on 8/26 screen shot 2019-08-27 at 12 49 58 pm

It continue discussing naming, layout, structure, usage, governance and what it looks like across the different grid/browser sizes

RobertaJHahn commented 4 years ago

design specs

Sketch file

wonilsuhibm commented 4 years ago

component--left-panel-container--max

component--left-panel-container--max--scroll-behavior

component--left-panel-container--xlg

component--left-panel-container--lg

component--left-panel-container--md

component--left-panel-container--md--hover-state

component--left-panel-container--md--click-state

component--left-panel-container--md--scroll-behavior

RobertaJHahn commented 4 years ago

Design / engineering review completed Oct 3. Closing