fix: Stack View Animation

[Resaki1]

Description

Due to changes in the stack view layout, the animation that appears when navigating between notes was a little broken. This has been fixed. Includes minor code improvements.

Changelog

There were three issues with the animation:

1. The width of the container was limited with overflow: hidden, meaning the notes were cut off left and right during the animation.
2. When navigating between stacks with a different number of stacked notes, the height of the container would change instantly at the start of the animation, cutting the notes off at the bottom.
3. When navigating between columns, the previous stack would instantly disappear.

These issues have been fixed, as shown below:

Visual Changes

Before

Bildschirmaufnahme.2025-01-22.um.16.06.37.mov

After

Bildschirmaufnahme.2025-01-22.um.16.05.45.mov

[Schwehn42]

throws an error in Firefox 134.0.2 when trying to transition between columns:

[Resaki1]

throws an error in Firefox 134.0.2 when trying to transition between columns:

Oops, I forgot that Firefox does not support the View Transition API. Should be fixed now, thanks

[github-actions]

The deployment to the dev cluster was successful. You can find the deployment here: https://4799.development.scrumlr.fra.ics.inovex.io
This deployment is only for testing purposes and will be deleted after 1 week.
To redeploy rerun the workflow.
DO NOT STORE IMPORTANT DATA ON THIS DEPLOYMENT

Deployed Images

• ghcr.io/inovex/scrumlr.io/scrumlr-frontend:sha-d2b401e

• ghcr.io/inovex/scrumlr.io/scrumlr-server:sha-d2b401e

[octomind-dev]

🐙 Octomind

Test Report: 14/14 successful.

description	status	details
About Section Visibility Test	Passed ✅	click
change avatar	Passed ✅	click
check Privacy Policy	Passed ✅	click
check terms & conditions	Passed ✅	click
close cookie banner - front page	Passed ✅	click
close cookie banner - sign-in	Passed ✅	click
create and delete board columns	Passed ✅	click
create_and_delete_notes_and_actions_v2	Passed ✅	click
create lean coffee board	Passed ✅	click
edit_notes_and_actions_v5	Passed ✅	click
get started	Passed ✅	click
share_session	Passed ✅	click
sign-in	Passed ✅	click
test all ways to open the setup flow	Passed ✅	click

commit sha: d2b401e