145 - Sidebar WIP

[janefrommaine]

Please always provide the GitHub issue(s) your PR is for, as well as test URLs where your change can be observed (before and after):

Fix #145

Test URLs:

• Before: https://main--elixirsolutions--hlxsites.hlx.live/
• After: https://sidebar-wip-jane--elixirsolutions--hlxsites.hlx.live/

Demo path - /drafts/jconnolly/sidebar About Mail Draft - /drafts/jconnolly/about-mail-draft

[aem-code-sync[bot]]

Hello, I'm the AEM Code Sync Bot and I will run some test suites that validate the page speed. In case there are problems, just click the checkbox below to rerun the respective action.

• [ ] Re-run PSI Checks

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/
//drafts/jconnolly/sidebar/		Lighthouse returned error: ERRORED_DOCUMENT_REQUEST. Lighthouse was unable to reliably load the page you requested. Make sure you are testing the correct URL and that the server is properly responding to all requests. (Status code: 400)

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/
/drafts/jconnolly/sidebar/		Lighthouse returned error: ERRORED_DOCUMENT_REQUEST. Lighthouse was unable to reliably load the page you requested. Make sure you are testing the correct URL and that the server is properly responding to all requests. (Status code: 404)

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/

[janefrommaine]

Hi @sforschen, I think this is ready to be reviewed based on yesterday's feedback Things I've changed:

• "background" metadata for the sidebar block where you can pick 3 different colors (right now) -- Light Grey, Light Blue, Light Orange
• removed the max-width on images and video in the sidebar

I think you'll need to test the background color using this url https://sidebar-wip-jane--elixirsolutions--hlxsites.hlx.page/drafts/jconnolly/about-mail-draft