Skip to content

WIP: Migrate breadcrumbs in repo browser to use Pajamas component

Thomas Hutterer requested to merge migrate_repo_breadcrumb into master

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
image image

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.

Merge request reports