feat(pdf-viewer): add design enhancement

proeung commented 11 months ago

Issue

Fixes: N/A

Description

Changed

This PR adds design enhancements to the Embed PDF Viewer
I'm just designing this in code to help in-large the viewer as well as provide the full-screen option based on the attribute coming from Adobe PDF API.
Note: pending review from Annmarie and Sarah

Design Specs

If applicable, add the direct link to the design specs of the component/feature that's part of this PR.

Figma Link - N/A

Test URLs

Before (Changes from main): https://main--merative2--hlxsites.hlx.page/documents/white-paper/payers-weight-loss-drugs
After (Changes from this PR): https://feat-pdf-viewer-enhancement--merative2--proeung.hlx.page/documents/white-paper/payers-weight-loss-drugs

Testing Instruction

If applicable, please describe the tests that you ran to verify your changes. Provide instructions and link to the hlx deploy preview so that QA and the design team can provide proper testing.

Screen Shot 2023-07-20 at 5 07 59 PM

Portrait- https://feat-pdf-viewer-enhancement--merative2--proeung.hlx.page/documents/white-paper/payers-weight-loss-drugs

Screen Shot 2023-07-20 at 5 07 30 PM

Landspace - https://feat-pdf-viewer-enhancement--merative2--proeung.hlx.page/documents/case-study/prudential-case-study

aem-code-sync[bot] commented 11 months ago

Hello, I'm Franklin 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