Skip to content

Convert code badges to rounded rectangles and improve vertical alignment#1679

Open
solita-topip wants to merge 4 commits intoentur:masterfrom
solita-topip:feature/public-code-rounded-rectangle
Open

Convert code badges to rounded rectangles and improve vertical alignment#1679
solita-topip wants to merge 4 commits intoentur:masterfrom
solita-topip:feature/public-code-rounded-rectangle

Conversation

@solita-topip
Copy link
Contributor

Summary

Converts public code and private code indicators from circles to rounded rectangles, improves vertical alignment of elements in quay/stop rows, and updates QuayMarkerIcon to display full quay codes on the map with a text-shadow for better legibility against map base layers.

Changes

  • Rounded rectangles — public code and private code badges are now rendered as rounded rectangles instead of circles, providing more space for longer codes
  • Vertical alignment — location icon and quay count badge are now properly centered vertically within their rows
  • QuayMarkerIcon — quay short name is now displayed in full (e.g. AB1234) instead of being truncated to 3 characters; a subtle text-shadow is added to improve contrast against map base layers

Issue

In some Abzu installations, stop places and quays have public and/or private codes longer than 3 characters (e.g. AB1234). The current badge design uses a fixed-size circle, which causes longer codes to stretch the circle, making them unreadable.

The same issue affects the quay short name label rendered on the map in QuayMarkerIcon.

Unit tests

Manual and visual verification was performed.

Documentation

N/A

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