Skip to content

Conversation

@SoonIter
Copy link
Member

@SoonIter SoonIter commented Nov 20, 2025

Summary

fix(theme): remove 3d animation

Related Issue

#2774

Checklist

  • Tests updated (or not required).
  • Documentation updated (or not required).

Copilot AI review requested due to automatic review settings November 20, 2025 11:10
@netlify
Copy link

netlify bot commented Nov 20, 2025

Deploy Preview for rspress-v2 ready!

Name Link
🔨 Latest commit 9dc368f
🔍 Latest deploy log https://app.netlify.com/projects/rspress-v2/deploys/691ef743cd29c50008d2097a
😎 Deploy Preview https://deploy-preview-2793--rspress-v2.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.

Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull Request Overview

This PR removes 3D animation effects from the HomeFeature component theme by eliminating rotation transform calculations and their associated styles.

  • Removed 3D rotation calculations (xRotate, yRotate) and perspective transforms
  • Eliminated innerProps object that applied rotation transforms to the card wrapper
  • Cleaned up unused variables and style properties related to 3D animations

Reviewed Changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

File Description
packages/core/src/theme/components/HomeFeature/useCardAnimation.tsx Removed 3D rotation calculations, transform styles, and innerProps from the hook's return value while preserving the shine animation effect
packages/core/src/theme/components/HomeFeature/index.tsx Removed innerProps destructuring and usage to align with the updated hook API

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

container = `rotateX(${xRotate}deg) rotateY(${yRotate}deg)`;
outerContainer = `perspective(${rootElemWidth * 2}px)`;
// container = `rotateX(${xRotate}deg) rotateY(${yRotate}deg)`;
// outerContainer = `perspective(${rootElemWidth * 2}px)`;
Copy link

Copilot AI Nov 20, 2025

Choose a reason for hiding this comment

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

Commented-out code should be removed entirely instead of being left in the codebase. Since the 3D animation feature is being removed, these lines should be deleted rather than commented out.

Suggested change
// outerContainer = `perspective(${rootElemWidth * 2}px)`;

Copilot uses AI. Check for mistakes.
@github-actions
Copy link
Contributor

Rsdoctor Bundle Diff Analysis

📁 web

Path: website/doc_build/web/rsdoctor-data.json

Metric Current Baseline Change
📊 Total Size 14.3 MB 14.3 MB -8.6 KB (-0.1%)
📄 JavaScript 13.7 MB 13.8 MB -8.6 KB (-0.1%)
🎨 CSS 109.6 KB 109.6 KB 0 B (0.0%)
🌐 HTML 0 B 0 B N/A
📁 Other Assets 497.3 KB 497.3 KB 0 B (0.0%)

📦 Download Diff Report: web Bundle Diff

Generated by Rsdoctor GitHub Action

Copy link
Member

@chenjiahan chenjiahan left a comment

Choose a reason for hiding this comment

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

Any context for this change?

@SoonIter SoonIter changed the title fix(theme): remove 3d animation fix(theme): remove HomeFeature 3d animation Nov 20, 2025
@SoonIter
Copy link
Member Author

Any context for this change?

#2774

@SoonIter SoonIter marked this pull request as draft November 20, 2025 11:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants