As a designer or engineer, I want to be able to have a standard 3 column layout with a side navigation, so I can easily insert content and maintain consistent layouts across other pages.
List specific steps required to deliver this work.
[ ] Document 3 column layout in Figma
[ ] Document 3 column layout options for devs
[ ] Implement left navigation and anchorlinks
Definition of “Done” (exit criteria)
[ ] The new layout uses the dynamic spacing tokens
[ ] Setup a quick call with Jason, Dale or Jordan on how to use the doc site.
[ ] Make a class in WCSS that handles the max-width and padding and mobile layout for a 2 column layout.
[ ] New layout class has been added to WCSS
[ ] An example on the Auro doc site of a 3 column page layout using our new grid tokens (sync with June on how/where to display this)
[ ] Integrate common components that would be often used 3 page layouts like auro-nav - breadcrumbs, auro-nav - anchorlinks, auro-sidenav, auro-header along with lorem ipsum text.
[ ] The documented design spec has been created
[ ] Assets and instructions are available in Figma
User story
As a designer or engineer, I want to be able to have a standard 3 column layout with a side navigation, so I can easily insert content and maintain consistent layouts across other pages.
Here is the user story the content team is working on: https://dev.azure.com/itsals/E_Retain_Content/_backlogs/backlog/E_Retain_Content%20Team/Stories/?showParents=true&workitem=840327
Outline subtasks or tasks
Definition of “Done” (exit criteria)