feat(pdf-viewer): add design enhancement

proeung commented 1 year ago

Issue

Fixes: https://jira.sdlc.merative.com/browse/MERATIVE-798

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://797-pdf-viewer--merative2--hlxsites.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://797-pdf-viewer--merative2--hlxsites.hlx.page/documents/white-paper/payers-weight-loss-drugs

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

Landspace - https://797-pdf-viewer--merative2--hlxsites.hlx.page/documents/case-study/prudential-case-study

aem-code-sync[bot] commented 1 year 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

aem-code-sync[bot] commented 1 year ago

Page	Scores	Audits	Google
/documents/case-study/prudential-case-study
/documents/white-paper/payers-weight-loss-drugs

aem-code-sync[bot] commented 1 year ago

Page	Scores	Audits	Google
/documents/case-study/prudential-case-study
/documents/white-paper/payers-weight-loss-drugs

proeung commented 1 year ago

@keith-kaplan Thanks for the review! Just added a commit to adjust the embed mode to the default frame view based on my review with Annmaire and Sarah.

aem-code-sync[bot] commented 1 year ago

Page	Scores	Audits	Google
/documents/case-study/prudential-case-study
/documents/white-paper/payers-weight-loss-drugs

hlxsites / merative2