Skip to content

Improve label display for Retina and bottom elements#5

Merged
yhao3 merged 2 commits intomainfrom
feature/label-display-improvements
Jan 9, 2026
Merged

Improve label display for Retina and bottom elements#5
yhao3 merged 2 commits intomainfrom
feature/label-display-improvements

Conversation

@yhao3
Copy link
Copy Markdown
Owner

@yhao3 yhao3 commented Jan 9, 2026

Summary

  • Fix blurry label borders on Retina displays
  • Add label flipping for elements near bottom of screen

Changes

Retina Display Fix

  • Set contentsScale on LabelLayer and shapeLayer for crisp rendering

Label Flipping

  • Add CaretDirection enum (up/down)
  • Detect elements in bottom 25% of screen
  • Flip label to show above element with caret pointing down
  • Prevents labels from being cut off at screen edge

yhao3 added 2 commits January 10, 2026 01:36
Set contentsScale on LabelLayer and shapeLayer to match
screen backing scale factor. Previously only textLayer had
this set, causing sharp text but blurry bubble borders.
Labels for UI elements in the bottom 25% of screen now appear
above the element with caret pointing down, preventing labels
from being cut off by screen edge.
@yhao3 yhao3 merged commit 0a83857 into main Jan 9, 2026
3 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