diff options
| author | Eduardo Morales <emoral435@gmail.com> | 2024-02-16 08:32:59 -0600 |
|---|---|---|
| committer | Eduardo Morales <emoral435@gmail.com> | 2024-02-16 09:10:34 -0600 |
| commit | 19619f53c6b33613b1321de0163077ee244cdbcf (patch) | |
| tree | 08323eda905ea4b158a3ca41913152fcb5182280 /apps/files | |
| parent | bbf279f5460f9431f3b9cb14a6767d01138d676b (diff) | |
| download | nextcloud-server-19619f53c6b33613b1321de0163077ee244cdbcf.tar.gz nextcloud-server-19619f53c6b33613b1321de0163077ee244cdbcf.zip | |
enh: breadcrumb icon matches nav view icon
Signed-off-by: Eduardo Morales <emoral435@gmail.com>
Diffstat (limited to 'apps/files')
| -rw-r--r-- | apps/files/src/components/BreadCrumbs.vue | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/apps/files/src/components/BreadCrumbs.vue b/apps/files/src/components/BreadCrumbs.vue index 88b976f93da..0975f1a6446 100644 --- a/apps/files/src/components/BreadCrumbs.vue +++ b/apps/files/src/components/BreadCrumbs.vue @@ -30,12 +30,13 @@ v-bind="section" dir="auto" :to="section.to" - :icon-text="true" + :force-icon-text="true" :title="titleForSection(index, section)" :aria-description="ariaForSection(section)" @click.native="onClick(section.to)"> <template v-if="index === 0" #icon> - <Home :size="20"/> + <NcIconSvgWrapper v-if="section.icon" :size="20" :svg="section.icon" /> + <Home v-else :size="20"/> </template> </NcBreadcrumb> @@ -54,6 +55,7 @@ import { basename } from 'path' import Home from 'vue-material-design-icons/Home.vue' import NcBreadcrumb from '@nextcloud/vue/dist/Components/NcBreadcrumb.js' import NcBreadcrumbs from '@nextcloud/vue/dist/Components/NcBreadcrumbs.js' +import NcIconSvgWrapper from '@nextcloud/vue/dist/Components/NcIconSvgWrapper.js' import { defineComponent } from 'vue' import { useFilesStore } from '../store/files.ts' @@ -66,6 +68,7 @@ export default defineComponent({ Home, NcBreadcrumbs, NcBreadcrumb, + NcIconSvgWrapper, }, props: { @@ -106,6 +109,7 @@ export default defineComponent({ exact: true, name: this.getDirDisplayName(dir), to, + icon: this.$navigation.active?.icon || null, } }) }, |