dostulata/initiative
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix concentration shake glow clipped at container edges #5

New Issue
Closed
opened 2026-03-11 11:26:00 +01:00 by dostulata · 0 comments
dostulata commented 2026-03-11 11:26:00 +01:00
Owner
Copy Link

Summary

When a concentrating creature receives damage, the row plays a shake + glow animation. The glow effect extends beyond the visible container on the left and right sides, getting clipped. The glow should remain fully visible throughout the animation.

Acceptance Criteria

Concentration Damage Glow Visible

  • Glow effect is fully visible on both left and right sides throughout the entire shake animation
  • No part of the glow is clipped or hidden by container boundaries

No Layout Side Effects

  • No horizontal scrollbar appears on desktop viewports during the animation
  • No layout shift occurs on mobile viewports (320px–480px) and animation renders correctly

Edge Cases

  • Multiple concentrating creatures taking damage simultaneously show independent, non-overlapping glows
  • Glow remains fully visible for rows at the top or bottom of a scrollable encounter list
  • Glow degrades gracefully on very narrow viewports (below 320px) without causing overflow
## Summary When a concentrating creature receives damage, the row plays a shake + glow animation. The glow effect extends beyond the visible container on the left and right sides, getting clipped. The glow should remain fully visible throughout the animation. ## Acceptance Criteria ### Concentration Damage Glow Visible - [x] Glow effect is fully visible on both left and right sides throughout the entire shake animation - [x] No part of the glow is clipped or hidden by container boundaries ### No Layout Side Effects - [x] No horizontal scrollbar appears on desktop viewports during the animation - [x] No layout shift occurs on mobile viewports (320px–480px) and animation renders correctly ### Edge Cases - [x] Multiple concentrating creatures taking damage simultaneously show independent, non-overlapping glows - [x] Glow remains fully visible for rows at the top or bottom of a scrollable encounter list - [x] Glow degrades gracefully on very narrow viewports (below 320px) without causing overflow
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
No items
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
dostulata
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: dostulata/initiative#5
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?