Skip to content

Fix tablet subtitle alignement + QuickShelf refinement - #32

Merged
r11a merged 1 commit into
r11a:mainfrom
jingle-jew:main
May 25, 2026
Merged

Fix tablet subtitle alignement + QuickShelf refinement#32
r11a merged 1 commit into
r11a:mainfrom
jingle-jew:main

Conversation

@jingle-jew

@jingle-jew jingle-jew commented May 25, 2026

Copy link
Copy Markdown
Contributor

Summary

This PR refines the now-playing subtitle behavior across tablet, mobile, and RTL layouts.

Changes

Now-Playing/Subtitle

  • Aligns the now-playing subtitle with the title in tablet view, including the empty-media state.
  • Adjusts the subtitle scrolling animation so it only runs when the subtitle actually overflows.
  • Keeps the scrolling animation active in tablet performance mode where it was previously disabled.
  • Resyncs subtitle overflow measurements after tablet soft-resize updates.
  • Fixes subtitle truncation behavior for Hebrew/RTL by avoiding the LTR scrolling treatment there.
  • Keeps UI alignment and spacing consistent across LTR/RTL layouts.

QuickShelf

  • Adds a soft edge fade to #emptyQuickShelf so the horizontal scroll area feels less abruptly clipped.
  • Keeps the first visible item clear of the fade at the initial scroll position in both LTR and RTL layouts.
  • Softens the fade gradient with a wider transition and intermediate opacity stops.
  • Preserves compact layout spacing while keeping the edge fade consistent.

Testing

  • npm run build successful
  • Verified generated dist/homeii-music-flow.js is updated.

Before
Capture d’écran, le 2026-05-25 à 09 07 27
After
Capture d’écran, le 2026-05-25 à 09 46 42
Before
Capture d’écran, le 2026-05-25 à 09 07 44
After
Capture d’écran, le 2026-05-25 à 09 47 06

Mobile view showing QuickShelf fade-out
Screenshot_20260525_095522_Home Assistant

@jingle-jew jingle-jew changed the title Fix tablet subtitle alignment Fix tablet subtitle alignement + QuickShelf refinement May 25, 2026
@jingle-jew

jingle-jew commented May 25, 2026

Copy link
Copy Markdown
Contributor Author

I’d also suggest enlarging the QuickShelf panel on tablet layouts so it can display at least two full playlist tiles when scrolling. This would help the UI feel more balanced and consistent while still keeping a clean and cohesive look.

@r11a

r11a commented May 25, 2026

Copy link
Copy Markdown
Owner

Looks good overall. I’d just like two small adjustments before merging:

  1. Please scope the performance-lite subtitle animation override to tablet only, so mobile/weak devices keep the lighter performance behavior.

  2. Since the QuickShelf fade adds side padding, please make sure the tablet shelf still shows at least two full tiles, or keep that as a separate follow-up.

After that I’m good with merging.

@jingle-jew
jingle-jew marked this pull request as draft May 25, 2026 16:08
@r11a
r11a marked this pull request as ready for review May 25, 2026 19:11
@r11a
r11a merged commit ed6f23d into r11a:main May 25, 2026
1 check passed
@jingle-jew

Copy link
Copy Markdown
Contributor Author

@r11a

As requested, the following have been made:

  • Configured the Now Playing subtitle scrolling animation to be disabled in Ultra Lite mode
  • Adjusted the QuickShelf carousel’s initial state to ensure at least 2 tiles are visible

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.

2 participants