diff options
| author | Eduardo Morales <emoral435@gmail.com> | 2024-02-27 10:42:05 -0600 |
|---|---|---|
| committer | Eduardo Morales <emoral435@gmail.com> | 2024-02-29 07:01:19 -0600 |
| commit | 25eebd31ed4d6621177681089517df77a8976553 (patch) | |
| tree | 975baeb528f26ddfb22e2e98f994c9d313c41af6 /apps/files/src/components | |
| parent | fa0e3d66ba2af3b51121fe19f5afd50309a36475 (diff) | |
| download | nextcloud-server-25eebd31ed4d6621177681089517df77a8976553.tar.gz nextcloud-server-25eebd31ed4d6621177681089517df77a8976553.zip | |
fix: changed text alignment and icon logic
Signed-off-by: Eduardo Morales <emoral435@gmail.com>
Diffstat (limited to 'apps/files/src/components')
| -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 fe4fe2b9098..d539be798ce 100644 --- a/apps/files/src/components/BreadCrumbs.vue +++ b/apps/files/src/components/BreadCrumbs.vue @@ -36,8 +36,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> @@ -53,7 +53,7 @@ import type { Node } from '@nextcloud/files' import { translate as t} from '@nextcloud/l10n' import { basename } from 'path' -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' @@ -68,7 +68,6 @@ export default defineComponent({ name: 'BreadCrumbs', components: { - Home, NcBreadcrumbs, NcBreadcrumb, NcIconSvgWrapper, @@ -119,7 +118,6 @@ export default defineComponent({ exact: true, name: this.getDirDisplayName(dir), to, - icon: this.$navigation.active?.icon || null, } }) }, @@ -132,6 +130,11 @@ export default defineComponent({ shouldShowBreadcrumbs(): boolean { return this.filesListWidth < 768 && !this.isUploadInProgress }, + + // used to show the views icon for the first breadcrumb + viewIcon(): string { + return this.currentView?.icon ?? homeSvg + } }, methods: { |