Nextcloud-vue: Breadcrumb component

Created on 10 Jan 2020  Â·  10Comments  Â·  Source: nextcloud/nextcloud-vue

Would it be of interest to have a component for the breadcrumb bar? I currently use a breadcrumb bar in one of my apps and wonder whether other apps might also need it.

component discussion question

Most helpful comment

I wrote a breadcrumb component for an app I work on. It resizes with the available space and shows hidden folders in a dropdown. I think it works quite well, even better than the breadcrumb in the files app which is sometimes behaving a bit odd.

The version in the files app sometimes hides folders for one viewport width and shows them for narrower sizes.
Wide:
Screenshot_2020-03-10 Long long long long Test - Files - Nextcloud

Narrow:
Screenshot_2020-03-10 Long long long long Test - Files - Nextcloud(1)

This doesn't happen with the vue component:
Screenshot_2020-03-10 Inventar - Nextcloud(1)

Screenshot_2020-03-11 Inventar - Nextcloud

The code would probably need some adjustments to be used as a general component, but I am quite sure it could be used as a starting point for a version used in the files app.

Let me know if you are interested in the code.

All 10 comments

Does it make sense for other apps?
I think we only use it in files, so not sure this should be a standard :thinking: cc @jancborchardt

At least three apps I am aware of use a breadcrumb:

Files:
files

Gallery:
galery

Deck:
deck

Not sure about others.

I think Deck is supposed to be changed (I remember a conversation somewhere where Jan wanted to remove this)
And Gallery is killed for 18 :eyes:

Ah, so it is Files only 😄

(I remember a conversation somewhere where Jan wanted to remove this)

https://github.com/nextcloud/deck/issues/372 I think

But anyway, if we do the files to vue, it's always a good habit to properly design components so they can be extracted independently from the app they're used.
So we could still create a breadcrumb component after it's done for files and move it there :thinking:

Yeah – so on one hand it can be in a component to have it made properly.

On the other hand we could then just kind of leave it out of the docs because we discourage using it. Because as we see, apps will use a component even if it makes no sense, and breadcrumbs really only make sense for files. :)

I wrote a breadcrumb component for an app I work on. It resizes with the available space and shows hidden folders in a dropdown. I think it works quite well, even better than the breadcrumb in the files app which is sometimes behaving a bit odd.

The version in the files app sometimes hides folders for one viewport width and shows them for narrower sizes.
Wide:
Screenshot_2020-03-10 Long long long long Test - Files - Nextcloud

Narrow:
Screenshot_2020-03-10 Long long long long Test - Files - Nextcloud(1)

This doesn't happen with the vue component:
Screenshot_2020-03-10 Inventar - Nextcloud(1)

Screenshot_2020-03-11 Inventar - Nextcloud

The code would probably need some adjustments to be used as a general component, but I am quite sure it could be used as a starting point for a version used in the files app.

Let me know if you are interested in the code.

Let me know if you are interested in the code.

Could you open a pr for this component? :)

Could you open a pr for this component? :)

PR is in #913

Was this page helpful?
0 / 5 - 0 ratings

Related issues

skjnldsv picture skjnldsv  Â·  9Comments

ma12-co picture ma12-co  Â·  7Comments

ma12-co picture ma12-co  Â·  5Comments

jancborchardt picture jancborchardt  Â·  3Comments

roadrunnerjb picture roadrunnerjb  Â·  5Comments