diff options
| author | Eduardo Morales <emoral435@gmail.com> | 2024-02-27 10:42:05 -0600 |
|---|---|---|
| committer | skjnldsv <skjnldsv@protonmail.com> | 2024-03-16 13:15:44 +0100 |
| commit | a2222a6dbce0e4dc072c6bfa84de3eedd1aec4bc (patch) | |
| tree | ffbb4bd38dce2587ca0d279e6c068a82932e2dde /apps/files | |
| parent | 6ac14638e0af7dd8266d3d801e8ff033e52024ad (diff) | |
| download | nextcloud-server-a2222a6dbce0e4dc072c6bfa84de3eedd1aec4bc.tar.gz nextcloud-server-a2222a6dbce0e4dc072c6bfa84de3eedd1aec4bc.zip | |
fix: changed text alignment and icon logic
Signed-off-by: Eduardo Morales <emoral435@gmail.com>
Diffstat (limited to 'apps/files')
| -rw-r--r-- | apps/files/src/components/BreadCrumbs.vue | 13 |
1 files changed, 8 insertions, 5 deletions
diff --git a/apps/files/src/components/BreadCrumbs.vue b/apps/files/src/components/BreadCrumbs.vue index eb90fac71f8..5e4188370c4 100644 --- a/apps/files/src/components/BreadCrumbs.vue +++ b/apps/files/src/components/BreadCrumbs.vue @@ -13,8 +13,8 @@ :aria-description="ariaForSection(section)" @click.native="onClick(section.to)"> <template v-if="index === 0" #icon> - <NcIconSvgWrapper v-if="section.icon" :size="20" :svg="section.icon" /> - <Home v-else :size="20"/> + <NcIconSvgWrapper :size="20" + :svg="viewIcon" /> </template> </NcBreadcrumb> @@ -28,7 +28,7 @@ <script> import { basename } from 'path' import { translate as t } from '@nextcloud/l10n' -import Home from 'vue-material-design-icons/Home.vue' +import homeSvg from '@mdi/svg/svg/home.svg?raw' 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' @@ -41,7 +41,6 @@ export default Vue.extend({ name: 'BreadCrumbs', components: { - Home, NcBreadcrumbs, NcBreadcrumb, NcIconSvgWrapper, @@ -85,10 +84,14 @@ export default Vue.extend({ exact: true, name: this.getDirDisplayName(dir), to, - icon: this.$navigation.active?.icon || null, } }) }, + + // used to show the views icon for the first breadcrumb + viewIcon() { + return this.currentView?.icon ?? homeSvg + } }, methods: { |