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

Admin: Password flow - Figure out the breadcrumb styles #2742

Open
Tracked by #2701
machikoyasuda opened this issue Mar 12, 2025 · 8 comments
Open
Tracked by #2701

Admin: Password flow - Figure out the breadcrumb styles #2742

machikoyasuda opened this issue Mar 12, 2025 · 8 comments
Assignees

Comments

@machikoyasuda
Copy link
Member

machikoyasuda commented Mar 12, 2025

Placeholder ticket. Eventually ticket will be used to have engineers implement a breadcrumb style.

@machikoyasuda
Copy link
Member Author

@indexing Is there anything already designed out for this breadcrumb element:

Image

Would it be alright if, in the interim, after the #2739 ticket is done, the default breadcrumb exists like this under a header that looks like the new designed out one on Figma?

Image

If not, what should the background color of the breadcrumbs be in the interim?

@indexing
Copy link
Member

@machikoyasuda If possible, I'd advocate we move to a standard header for all admin users (the one in the screenshot doesn't include the logo asset).

@ohmegasquared I don't believe we have the breadcrumb component in Figma yet. This is a stock component in the Django framework. We need it in the short term for deeper navigation by transit agency staff users and engineers. The only styling we plan to do immediately is choosing a different color from the default green.

Please spec a background color from our default colors.

@machikoyasuda
Copy link
Member Author

@indexing We will have a standard single header with logo #2739 - The screenshot above is sloppy, just meant to show the colors.

@ohmegasquared
Copy link

@indexing - I had done this pass at breadcrumbs in Dec, does this work or should I revisit?

Image

@indexing
Copy link
Member

@ohmegasquared Let's use the default breadcrumb component for now and choose a color for the bg. It's functional.

As time permits, let's do a design round on this component and then review with the team. I propose we think about navigation comprehensively before we do any custom work.

@ohmegasquared
Copy link

ohmegasquared commented Mar 17, 2025

Ok, here are the colors:

background-color: #fff
previous breadcrumb text color is the blue link color (#066B99)
chevron and current page text color is black text color (#212121)

@machikoyasuda
Copy link
Member Author

Image

@ohmegasquared
Copy link

LGTM!

@machikoyasuda machikoyasuda self-assigned this Mar 18, 2025
@machikoyasuda machikoyasuda moved this from Needs shaping to Todo in Digital Services Mar 18, 2025
@machikoyasuda machikoyasuda moved this from Todo to In progress in Digital Services Mar 19, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: In progress
Development

No branches or pull requests

3 participants