Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

add scaling to <iframe>s in the preview list so all content can be seen #37

Merged
merged 4 commits into from
Aug 27, 2021

Conversation

thescientist13
Copy link
Owner

@thescientist13 thescientist13 commented Aug 20, 2021

Related Issue

resolves #7

Could still use a little work but good progress so opening as a draft.

Summary of Changes

  1. Trying to get the aspect ratio locked in so the preview list can actually display the slide content more fully.
  2. Clean up the CSS

Before
https://awesome-bhaskara-b7d76c.netlify.app/
Screen Shot 2021-08-20 at 7 04 20 PM

After
Screen Shot 2021-08-20 at 6 59 40 PM

TODO

  1. Not all slides scaling? (slide 6)
  2. Establish a formal aspect ratio.. 16:9? 4:3? something else? - deferring to default theming and styles for baseline presentation slides #6
  3. Update screenshot for README and related guides

@thescientist13 thescientist13 added help wanted Extra attention is needed bounty:eligible labels Aug 20, 2021
@netlify
Copy link

netlify bot commented Aug 20, 2021

✔️ Deploy Preview for awesome-bhaskara-b7d76c ready!

🔨 Explore the source changes: 8c158b0

🔍 Inspect the deploy log: https://app.netlify.com/sites/awesome-bhaskara-b7d76c/deploys/61283953ab854a00080547b6

😎 Browse the preview: https://deploy-preview-37--awesome-bhaskara-b7d76c.netlify.app/

@@ -97,6 +81,19 @@ class SlideList extends LitElement {
document.dispatchEvent(new CustomEvent('slide-selected', { detail: slide }));
}

slideLoaded(slide) {
Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The only slight downside with this approach is that it causes the scaling to "snap" into place which may be somewhat noticeable.

But, if we apply this style directly the template, then it will also be scaled down in the main window too... so 🤷‍♂️

@thescientist13 thescientist13 added the invalid This doesn't seem right label Aug 25, 2021
@thescientist13 thescientist13 changed the title [WIP] of getting some scaling in place for <iframe>s add scaling to <iframe>s in the preview list so all content can be seen Aug 25, 2021
@thescientist13 thescientist13 added the bug Something isn't working label Aug 25, 2021
@thescientist13 thescientist13 marked this pull request as ready for review August 25, 2021 20:39
@thescientist13 thescientist13 marked this pull request as draft August 25, 2021 20:39
@thescientist13 thescientist13 removed the invalid This doesn't seem right label Aug 25, 2021
@thescientist13 thescientist13 removed help wanted Extra attention is needed bounty:eligible labels Aug 27, 2021
@thescientist13 thescientist13 merged commit c6f475d into master Aug 27, 2021
@thescientist13 thescientist13 deleted the bug/issue-7-iframe-aspect-ratio branch August 27, 2021 01:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging this pull request may close these issues.

establish proper aspect ratio for slide rendering and content scaling
1 participant