react-native-website icon indicating copy to clipboard operation
react-native-website copied to clipboard

Update: Improved hover styles to Watch Page

Open tusharpardhe18 opened this issue 5 months ago • 4 comments

Description

Enhanced the Watch section UI and styling:

  • Updated the call-to-action message with a direct link to the latest React Native talks.

  • Improved responsiveness by modifying the max-width and height of .video and .videoContainer.

  • Added hover and light theme-specific styles to improve visual feedback and accessibility.

These changes improve user experience and maintain visual consistency across themes.

How to Test

  1. Hover over any videos in watch page on the site in both light and dark modes.
  2. Verify that the shadow and scaling animations are smooth and consistent.

tusharpardhe18 avatar Jul 14 '25 10:07 tusharpardhe18

Hi @tusharpardhe18!

Thank you for your pull request and welcome to our community.

Action Required

In order to merge any pull request (code, docs, etc.), we require contributors to sign our Contributor License Agreement, and we don't seem to have one on file for you.

Process

In order for us to review and merge your suggested changes, please sign at https://code.facebook.com/cla. If you are contributing on behalf of someone else (eg your employer), the individual CLA may not be sufficient and your employer may need to sign the corporate CLA.

Once the CLA is signed, our tooling will perform checks and validations. Afterwards, the pull request will be tagged with CLA signed. The tagging process may take up to 1 hour after signing. Please give it that time before contacting us about it.

If you have received this in error or have any questions, please contact us at [email protected]. Thanks!

facebook-github-bot avatar Jul 14 '25 10:07 facebook-github-bot

Deploy Preview for react-native ready!

Name Link
Latest commit 92a589fdc9ccacb37895df92160af8a16e1067c6
Latest deploy log https://app.netlify.com/projects/react-native/deploys/6874e1d2a01803000838e9c3
Deploy Preview https://deploy-preview-4677--react-native.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

netlify[bot] avatar Jul 14 '25 10:07 netlify[bot]

Thank you for signing our Contributor License Agreement. We can now accept your code for this (and any) Meta Open Source project. Thanks!

facebook-github-bot avatar Jul 14 '25 11:07 facebook-github-bot

Hey @tusharpardhe18, are you still interested in working on those improvements?

Simek avatar Oct 08 '25 09:10 Simek