Skip to content

fix: Study Session card-flip UX, animations & deck title - #10

Merged
jvsena42 merged 5 commits into
mainfrom
fix/card-flip-ux
Jun 15, 2026
Merged

fix: Study Session card-flip UX, animations & deck title#10
jvsena42 merged 5 commits into
mainfrom
fix/card-flip-ux

Conversation

@jvsena42

Copy link
Copy Markdown
Owner

Summary

Polishes the Study Session screen (StudySessionScreen) to better match the Pencil design (03 Study Session — front w1CAm / back aLoMj) and improves its motion and robustness.

Changes

  • Design fidelity: removed the in-card TAP TO REVEAL label on the front; added a muted flip-hint row (↻ Tap card to reveal answer) below the card, shown on the front only. Tuned type sizes to the design (front prompt 48sp, back answer 42sp, card label 14sp / 1.5 letter-spacing).
  • Card flip: slowed the flip from 450ms → 700ms with FastOutSlowInEasing; still snaps instantly when the OS has animations disabled.
  • Difficulty buttons: added a staggered fade + rise + scale entrance on reveal and a press-scale feedback; both respect reduce-motion. Labels now auto-size (TextAutoSize) to stay on one line in the narrow buttons.
  • Deck title in the header: the title now renders on a single, centered, ellipsized line taking the available width. Fixed it being blank on a cold cache — StudySessionViewModel now resolves the title via getLocal and falls back to listOwned() (per-card for multi-deck sessions).

Testing

  • ./gradlew :composeApp:assembleDebug
  • ./gradlew :shared:compileKotlinMetadata
  • ./gradlew :shared:allTests
  • ./gradlew detektAll

🤖 Generated with Claude Code

@jvsena42
jvsena42 merged commit cd0f3e1 into main Jun 15, 2026
2 checks passed
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.

1 participant