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

Calendar event cursor flashes #8792

Merged
merged 1 commit into from
Nov 28, 2024
Merged

Calendar event cursor flashes #8792

merged 1 commit into from
Nov 28, 2024

Conversation

FelixMalfait
Copy link
Member

Fixes #4692

This is not the most beautiful fix (I think the right fix is to add 1px somewhere), but this issue is old and deserved to be closed quickly without spending too much time as this will likely be refactored and is not very important

Copy link
Contributor

@greptile-apps greptile-apps bot left a comment

Choose a reason for hiding this comment

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

PR Summary

This PR fixes a visual glitch where the red cursor bar between calendar events was flashing during initial load by improving animation handling.

  • Replaced CSS pseudo-element with new StyledDot component in /packages/twenty-front/src/modules/activities/calendar/components/CalendarCurrentEventCursor.tsx
  • Added explicit opacity animations with delays to control cursor appearance
  • Wrapped dot element in motion.div for smoother animation control
  • Simplified cursor styling by removing pseudo-element complexity

1 file(s) reviewed, 1 comment(s)
Edit PR Review Bot Settings | Greptile

Comment on lines +171 to +174
transition={{
delay: theme.animation.duration.normal,
duration: theme.animation.duration.normal,
}}
Copy link
Contributor

Choose a reason for hiding this comment

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

style: Consider using theme.animation.delay.normal for consistency with other theme values

@FelixMalfait FelixMalfait merged commit fbe042d into main Nov 28, 2024
13 of 16 checks passed
@FelixMalfait FelixMalfait deleted the fix-4692 branch November 28, 2024 14:06
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.

Red bar between events is flashing when opening the calendar tab
1 participant