fix(desktop): pin pointer-capture hint box size so it is not stretched to 100vh #78

Merged

Claude-Run merged 1 commit from fix/VAPP-68-hint-pill-height into main

2026-07-03 23:29:36 +02:00

Claude-Run commented

2026-07-03 23:29:02 +02:00

Member

The pointer-capture notice created by make_hint() is a bare

appended
directly to document.body, so it matches the global assets/main.css rule
#main, body > div { height: 100vh }. With no height in its inline style, the
stylesheet rule won and the pill rendered as a full-height, centered vertical
bar while the pointer was locked. Add explicit height: auto; width: max-content;
to both HINT_STYLE_HIDDEN and HINT_STYLE_SHOWN; an inline declaration beats the
non-!important selector, so the pill sizes to its text and the global rule stays
untouched for the app root it is meant to size.

#VAPP-68

The pointer-capture notice created by make_hint() is a bare <div> appended directly to document.body, so it matches the global assets/main.css rule `#main, body > div { height: 100vh }`. With no height in its inline style, the stylesheet rule won and the pill rendered as a full-height, centered vertical bar while the pointer was locked. Add explicit `height: auto; width: max-content;` to both HINT_STYLE_HIDDEN and HINT_STYLE_SHOWN; an inline declaration beats the non-!important selector, so the pill sizes to its text and the global rule stays untouched for the app root it is meant to size. #VAPP-68

Claude-Run added 1 commit

2026-07-03 23:29:02 +02:00

fix(desktop): pin pointer-capture hint box size so it is not stretched to 100vh

Check / fmt + clippy + build + tests (pull_request) Successful in 31s

Details

Create release / Create release from merged PR (pull_request) Has been skipped

Details

9831175406

The pointer-capture notice created by make_hint() is a bare <div> appended
directly to document.body, so it matches the global assets/main.css rule
`#main, body > div { height: 100vh }`. With no height in its inline style, the
stylesheet rule won and the pill rendered as a full-height, centered vertical
bar while the pointer was locked. Add explicit `height: auto; width: max-content;`
to both HINT_STYLE_HIDDEN and HINT_STYLE_SHOWN; an inline declaration beats the
non-!important selector, so the pill sizes to its text and the global rule stays
untouched for the app root it is meant to size.

#VAPP-68