diff options
| author | Eduardo Morales <emoral435@gmail.com> | 2024-02-16 08:32:59 -0600 |
|---|---|---|
| committer | skjnldsv <skjnldsv@protonmail.com> | 2024-02-21 17:54:05 +0100 |
| commit | 9a10f31eae104c60961555e188b8de59be8f1eb0 (patch) | |
| tree | 88a5fbb57c612131be34d20e8c00c56f48714d62 | |
| parent | fdc379b8f5ea24cb0997fac3ff919cc03f3794ea (diff) | |
| download | nextcloud-server-9a10f31eae104c60961555e188b8de59be8f1eb0.tar.gz nextcloud-server-9a10f31eae104c60961555e188b8de59be8f1eb0.zip | |
enh: breadcrumb icon matches nav view icon
Signed-off-by: Eduardo Morales <emoral435@gmail.com>
| -rw-r--r-- | apps/files/src/components/BreadCrumbs.vue | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/apps/files/src/components/BreadCrumbs.vue b/apps/files/src/components/BreadCrumbs.vue index 8f088892667..eb90fac71f8 100644 --- a/apps/files/src/components/BreadCrumbs.vue +++ b/apps/files/src/components/BreadCrumbs.vue @@ -8,12 +8,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> @@ -25,11 +26,12 @@ </template> <script> -import { translate as t} from '@nextcloud/l10n' import { basename } from 'path' +import { translate as t } from '@nextcloud/l10n' 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 Vue from 'vue' import { useFilesStore } from '../store/files.ts' @@ -42,6 +44,7 @@ export default Vue.extend({ Home, NcBreadcrumbs, NcBreadcrumb, + NcIconSvgWrapper, }, props: { @@ -82,6 +85,7 @@ export default Vue.extend({ exact: true, name: this.getDirDisplayName(dir), to, + icon: this.$navigation.active?.icon || null, } }) }, |