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

578 implement multi page modals #838

Merged
merged 30 commits into from
Feb 29, 2024

Conversation

dhinrichs-scottlogic
Copy link
Contributor

@dhinrichs-scottlogic dhinrichs-scottlogic commented Feb 16, 2024

Description

Modals now new with multiple pages and fancy character images!

Closes #578

Screenshots

image

Notes

  • modals zoom up to 400%

Concerns

  • unsure if I've implemented the image src prop passing correctly
  • I tried to reduce the number of media query breakpoints, but then the zooming didn't work anymore, so reverted to a version that worked

Checklist

Have you done the following?

  • Linked the relevant Issue
  • Added tests
  • Ensured the workflow steps are passing

@dhinrichs-scottlogic dhinrichs-scottlogic linked an issue Feb 16, 2024 that may be closed by this pull request
Copy link
Member

@chriswilty chriswilty left a comment

Choose a reason for hiding this comment

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

Some minor suggestions and css questions, but it's all looking really nice 👌

frontend/src/components/ChatBox/ChatBox.tsx Outdated Show resolved Hide resolved
frontend/src/components/Overlay/LevelsComplete.tsx Outdated Show resolved Hide resolved
frontend/src/components/Overlay/LevelsComplete.tsx Outdated Show resolved Hide resolved
frontend/src/components/Overlay/MultipageOverlay.css Outdated Show resolved Hide resolved
frontend/src/Levels.ts Outdated Show resolved Hide resolved
frontend/src/components/Overlay/OverlayHeader.css Outdated Show resolved Hide resolved
frontend/src/components/Overlay/OverlayNav.css Outdated Show resolved Hide resolved
frontend/src/components/Overlay/OverlayNav.tsx Outdated Show resolved Hide resolved
Copy link
Member

@chriswilty chriswilty left a comment

Choose a reason for hiding this comment

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

One suggestion, to decouple the MultipageOverlay from our image files, else we're good to go!

Hmm, it's actually above this review comment 🤔
#838 (comment)

Copy link
Member

@chriswilty chriswilty left a comment

Choose a reason for hiding this comment

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

🏆

@dhinrichs-scottlogic dhinrichs-scottlogic merged commit 800bb83 into dev Feb 29, 2024
3 checks passed
@dhinrichs-scottlogic dhinrichs-scottlogic deleted the 578-implement-multi-page-modals branch February 29, 2024 10:03
chriswilty pushed a commit that referenced this pull request Apr 8, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Implement Multi-page Modals
2 participants