Skip to content

UI optimization - Add scrolling quick shelf subtitle - #29

Merged
r11a merged 5 commits into
r11a:mainfrom
jingle-jew:codex
May 25, 2026
Merged

UI optimization - Add scrolling quick shelf subtitle#29
r11a merged 5 commits into
r11a:mainfrom
jingle-jew:codex

Conversation

@jingle-jew

Copy link
Copy Markdown
Contributor

Description

This PR adds an overflow marquee for the quick shelf subtitle when the localized text is too long for the available space.

Changes:

Adds subtitle overflow detection for npSub.
Scrolls long quick shelf subtitles continuously with spacing between repeats.
Adds soft fade edges while the subtitle is scrolling.
Prevents the subtitle DOM from being recreated during periodic UI refreshes.
Keeps RTL languages unaffected by limiting the scrolling behavior to LTR layouts.
Updates the generated dist/homeii-music-flow.js.

Validation:

Build tested successfully with npm run build.
Tested locally with all available languages.

Screen_Recording_20260524_201830_Home.Assistant.mp4

@jingle-jew

Copy link
Copy Markdown
Contributor Author

Will optimize file structure if PR accepted, kept it readable to review code.

@r11a
r11a merged commit 9a4f9fd into r11a:main May 25, 2026
1 check passed
@r11a

r11a commented May 25, 2026

Copy link
Copy Markdown
Owner

Awesome work! This is a really clean and elegant solution to the text overflow, and that soft fade effect perfectly matches the aesthetic of the card. Love the optimization on the DOM side too.
Thanks for putting the effort into this and testing it thoroughly across languages. Merging this now

@jingle-jew
jingle-jew deleted the codex branch May 25, 2026 11:20
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