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

VIDCS-3463: On mobile, waiting room loading spinner is not present and horizontal scroll #101

Merged
merged 5 commits into from
Feb 26, 2025

Conversation

cpettet
Copy link
Contributor

@cpettet cpettet commented Feb 26, 2025

What is this PR doing?

Description

Will need to rebase before asking for review. This PR adds the missing loading spinner for mobile devices.

GIF

loading-gif-spinner
viewport-gif

How should this be manually tested?

  • checkout this branch
  • enter waiting room with a mobile view
  • ensure loading spinner is there
  • ensure there's no horizontal scrolling
  • enter waiting room with desktop view and ensure no weirdness

What are the relevant tickets?

A maintainer will add this ticket number.

Resolves VIDCS-3463

Checklist

[✅] Branch is based on develop (not main).
[ ] Resolves a Known Issue.
[ ] If yes, did you remove the item from the docs/KNOWN_ISSUES.md?
[ ] Resolves an item reported in Issues.
If yes, which issue? Issue Number?

@cpettet cpettet added the do-not-review Do not review label Feb 26, 2025
@cpettet cpettet changed the title VIDCS-3463: On mobile, waiting room loading spinner is not present VIDCS-3463: On mobile, waiting room loading spinner is not present and horizontal scroll Feb 26, 2025
@cpettet cpettet force-pushed the cpettet/vidcs-3463-missing-loading-spinner branch from d59aed7 to 7e455e5 Compare February 26, 2025 21:50
@cpettet cpettet removed the do-not-review Do not review label Feb 26, 2025
Copy link
Collaborator

@v-kpheng v-kpheng left a comment

Choose a reason for hiding this comment

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

LGTM! 💪 🚀

Copy link
Contributor

@behei-vonage behei-vonage left a comment

Choose a reason for hiding this comment

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

LGTM! 🚀

@@ -60,7 +60,7 @@ const VideoContainer = ({ username }: VideoContainerProps): ReactElement => {

return (
<div
className="relative flex w-[584px] max-w-full flex-col items-center justify-center bg-black sm:h-[328px] md:rounded-xl"
className="relative flex aspect-video w-[584px] max-w-full flex-col items-center justify-center bg-black sm:h-[328px] md:rounded-xl"
Copy link
Contributor

Choose a reason for hiding this comment

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

TIL I learned about aspect-video: https://tailwindcss.com/docs/aspect-ratio

and they really had to rick-roll us

@behei-vonage
Copy link
Contributor

tested, LGTM 🚀

@behei-vonage behei-vonage merged commit 37245c9 into develop Feb 26, 2025
8 checks passed
@behei-vonage behei-vonage deleted the cpettet/vidcs-3463-missing-loading-spinner branch February 26, 2025 23:30
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.

3 participants