WIP: Migrate breadcrumbs in repo browser to use Pajamas component
What does this MR do and why?
Migrates the breadcrumbs in the repo file browser to use our GlBreadcrumb
component instead of manual CSS classes.
Draft: In its current state, this MR shows a few things that our Vue component currently doesn't support. We either need to change the page layout to work around this limitations, or extend our component to support:
- Custom item content. On these pages, while browsing a directory (not on the file view itself), the last breadcrumb item is a dropdown.
- Related to that, the component always shows the last item as bold, which is good. But in case where the last "breadcrumb" should actually be a dropdown (or whatever), it might be usefule to disable that bold font.
- Custom aria label. On these pages, the aria label was "Files breadcrumb" but our component doesn't allow to customize this but statically sets "Breadcrumb".
- Custom font size. Not sure if we want this, but with this MR, the font-size changes, as our component uses small font size and doesn't allow to configure that.
Screenshots or screen recordings
Before | After |
---|---|
How to set up and validate locally
http://gdk.test:3000/flightjs/Flight/-/tree/root-master-patch-02531/src/bloodhound?ref_type=heads and any other file tree view.