Splash screen transition and visual polish (SZ-37)

rk@tigase.net opened 7 days ago

Description:
The current splash screen transitions to the login view after a fixed timeout and displays rotating status messages. While functional, it lacks smooth fade-out animation and brand consistency with the rest of the Sztab UI.

This task refines the visual and timing aspects of the splash sequence to create a more cohesive entry experience. Specifically:

Add smooth fade-out / fade-in animation between splash and login
Apply consistent italicized Sztab branding from the navbar
Ensure message cycling and spinner animation continue smoothly until transition
Verify responsiveness and dark-mode contrast
Keep overall duration ~6 s and exit automatically to /login

Acceptance criteria:

Splash screen animates cleanly to the login page without flicker
Font, tone, and colors match navbar branding
Tested in Vite dev mode (localhost:5173) and within Dockerized UI

Activities

rk@tigase.net changed state to 'In Progress' 7 days ago
Previous Value Current Value
Open

In Progress

Previous Value	Current Value
Open	In Progress

rk@tigase.net commented 7 days ago

Worklog

Date	Duration	Work summary
2025-11-11	2 h 30 m	Reviewed existing SplashScreen.tsx animation sequence; added fade transition using Tailwind’s `opacity` and `transition` utilities. Verified font consistency with navbar (italic serif). Adjusted message rotation timing to 1.2 s and total display duration to 6.5 s. Validated transition to `/login` and tested inside Docker UI container.

rk@tigase.net commented 7 days ago

Merged into master branch:

rksuma@Ramakrishnans-MacBook-Pro sztab % git commit -m "Release v1.4: Full-stack Docker Compose setup with session-auth

- Introduced session-based authentication (SessionAuthSecurityConfig, CookieConfig)
- Updated BasicAuthSecurityConfig for profile isolation
- Added persistent login/logout flow in React UI
- Added backend and UI Dockerfiles
- Integrated full stack into docker-compose.yml and run-all.sh
- Updated README.md and .gitignore
"
[wolnosc 093c677] Release v1.4: Full-stack Docker Compose setup with session-auth
 21 files changed, 671 insertions(+), 234 deletions(-)
 create mode 100644 backend/Dockerfile
 create mode 100644 backend/src/main/java/com/sztab/controller/AuthController.java
 create mode 100644 backend/src/main/java/com/sztab/security/config/CookieConfig.java
 create mode 100644 backend/src/main/java/com/sztab/security/config/SessionAuthSecurityConfig.java
 delete mode 100644 deploy/docker/Dockerfile
 create mode 100755 run-all.sh
 create mode 100644 sztab-ui/Dockerfile
 create mode 100644 sztab-ui/src/api/api.ts
rksuma@Ramakrishnans-MacBook-Pro sztab % git tag v1.4
git push origin wolnosc
git push origin v1.4
Enumerating objects: 78, done.
Counting objects: 100% (78/78), done.
Delta compression using up to 12 threads
Compressing objects: 100% (40/40), done.
Writing objects: 100% (44/44), 12.34 KiB | 12.34 MiB/s, done.
Total 44 (delta 19), reused 0 (delta 0), pack-reused 0
To https://tigase.dev/sztab.git
   2942019..093c677  wolnosc -> wolnosc
Total 0 (delta 0), reused 0 (delta 0), pack-reused 0
To https://tigase.dev/sztab.git
 * [new tag]         v1.4 -> v1.4
rksuma@Ramakrishnans-MacBook-Pro sztab %

rk@tigase.net changed state to 'Closed' 7 days ago
Previous Value Current Value
In Progress

Closed
Login to comment

Previous Value	Current Value
In Progress	Closed

Type	New Feature
Priority	Normal
Assignee	rk@tigase.net
Version	none
Sprints	n/a
Customer	n/a

Issue Votes (0)

Watchers (3)

Reference

SZ-37