Skip to content

experiment: add map base-styles and visual tests #9650

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 11 commits into from
Jul 8, 2025
Merged

Conversation

web-padawan
Copy link
Member

@web-padawan web-padawan commented Jul 7, 2025

Description

Added vaadin-map base styles and visual tests.

New custom properties:

  • --vaadin-map-border-color
  • --vaadin-map-border-radius
  • --vaadin-map-control-shadow
  • --vaadin-map-control-size
  • --vaadin-map-control-background
  • --vaadin-map-control-color
  • --vaadin-map-control-color-hover
  • --vaadin-map-attribution-color

Theme variant: no-border - Lumo uses borderless, maybe we can make a breaking change to rename it?

Type of change

  • Experiment

Note

We need to add "fullscreen" and "arrow" SVG icons, then I could update corresponding controls to use mask-image.
Otherwise it feels quite inconsistent. Lumo version could also benefit from a new "fullscreen" font icon to look better.

I'll create a follow-up PR to see what it takes to make Lumo extend these base styles (and remove base layer reset).

Copy link
Member

@jouni jouni left a comment

Choose a reason for hiding this comment

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

Added the missing icon mask-images and tweaked the control styling a bit.

Copy link

sonarqubecloud bot commented Jul 8, 2025

@web-padawan web-padawan merged commit 4503939 into main Jul 8, 2025
10 checks passed
@web-padawan web-padawan deleted the experiment/base-map branch July 8, 2025 07:17
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