Skip to content
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

Explore other design systems #73

Open
dabreegster opened this issue Jan 11, 2025 · 2 comments
Open

Explore other design systems #73

dabreegster opened this issue Jan 11, 2025 · 2 comments

Comments

@dabreegster
Copy link
Collaborator

Currently using https://picocss.com/, which was nice at first (gets out of the way and improves over lack of styles entirely.) But there might be nicer options out there. A few from some reading:

Need to have another discussion with a client and their desired branding before changing anything.

@dabreegster dabreegster mentioned this issue Jan 12, 2025
11 tasks
@michaelkirk
Copy link
Contributor

It's also possible to do this stuff from scratch. Just putting it out there.

Even pico, which is purported to be minimal and to "get out of the way" has broken the layout in our maplibre buttons.

Screenshot 2025-01-14 at 14 37 08

Though maybe we're just "holding it wrong".

@dabreegster
Copy link
Collaborator Author

Yep, with modern CSS and how Svelte scopes CSS to each component, the homemade approach could be fine. I've gone with pico under time constraints in the past, because it pushed other projects along beyond unstyled HTML, and have carried it forward here by default. Pico and maplibre indeed interact poorly -- the map controls, and also styles failing to apply inside popups without some effort.

Ideally soon, I'll figure out from upstream whether using/mimicking https://designsystem.gov.scot/ is important or not, and then we can do something more cohesive. In the meantime, feel more than free to improve how things are currently, including rethinking how controls are arranged entirely. For example, the v1 LTN tool made very different choices about the main edit controls:
image
I started with text buttons here for implementation simplicity only.

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

No branches or pull requests

2 participants