Skip to content

fix(animation): Synchronize player and navbar animations#132

Merged
theovilardo merged 1 commit intomasterfrom
fix/player-navbar-animation-sync
Sep 9, 2025
Merged

fix(animation): Synchronize player and navbar animations#132
theovilardo merged 1 commit intomasterfrom
fix/player-navbar-animation-sync

Conversation

@theovilardo
Copy link
Owner

The animation for the navigation bar sliding out of view was not synchronized with the mini-player's expansion animation. This was because the navbar's translation was calculated using the square of the expansion fraction (.pow(2)), creating a non-linear animation curve that caused it to overlap with the player during the transition.

This change removes the .pow(2) from the calculation, making the navbar's animation linear and directly proportional to the player's expansion. This ensures both elements move in tandem, maintaining a consistent separation and providing a smoother visual experience.

The animation for the navigation bar sliding out of view was not
synchronized with the mini-player's expansion animation. This was
because the navbar's translation was calculated using the square of the
expansion fraction (`.pow(2)`), creating a non-linear animation curve
that caused it to overlap with the player during the transition.

This change removes the `.pow(2)` from the calculation, making the
navbar's animation linear and directly proportional to the player's
expansion. This ensures both elements move in tandem, maintaining a
consistent separation and providing a smoother visual experience.
@theovilardo theovilardo merged commit d4ea736 into master Sep 9, 2025
@theovilardo theovilardo deleted the fix/player-navbar-animation-sync branch October 16, 2025 18:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

1 participant