Skip to content

Conversation

@Manahil-Afzal
Copy link
Contributor

This PR refines text placement in the Ring Gauge and Clock Gauge examples to improve visual clarity during dynamic updates.

Before:
. Text labels and values appeared too close to surrounding gauge elements
. Reduced readability when values updated or multiple gauge layers were active
Clock Guage
Ring Guage before

After:
. Adjusted offsetCenter values for titles and details
. Text maintains clear spacing from gauge rings, hands, and anchors
. Layout remains stable during animations and live updates

After Clock
After

Changes Made:
=> Reviewed Ring Gauge and Clock Gauge layouts during runtime updates
=> Fine-tuned text positioning using offsetCenter
=> Verified behavior across value changes without altering design intent

Copy link
Contributor

@Ovilia Ovilia left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You should also run node tool/build-example.js --pattern gauge-ring and clock to generate the thumbnail and commit. Please don't include other thumbnails other than this example.

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