From 56f44a0c47667659e70df350b27b672007080261 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Raimund=20Schl=C3=BC=C3=9Fler?= Date: Tue, 21 Dec 2021 12:09:07 +0100 Subject: [PATCH] Use MD icon for hidden crumbs action button icon MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Raimund Schlüßler --- src/components/Breadcrumbs/Breadcrumbs.vue | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/src/components/Breadcrumbs/Breadcrumbs.vue b/src/components/Breadcrumbs/Breadcrumbs.vue index 94656470d6..480b6ab137 100644 --- a/src/components/Breadcrumbs/Breadcrumbs.vue +++ b/src/components/Breadcrumbs/Breadcrumbs.vue @@ -104,6 +104,8 @@ import ValidateSlot from '../../utils/ValidateSlot' import Breadcrumb from '../Breadcrumb' import { subscribe, unsubscribe } from '@nextcloud/event-bus' +import IconFolder from 'vue-material-design-icons/Folder' + export default { name: 'Breadcrumbs', components: { @@ -111,6 +113,7 @@ export default { ActionRouter, ActionLink, Breadcrumb, + IconFolder, }, props: { /** @@ -492,12 +495,17 @@ export default { element = 'ActionRouter' path = to } + const folderIcon = createElement('IconFolder', { + props: { + size: 20, + }, + slot: 'icon', + }) return createElement(element, { class: 'crumb', props: { to, href, - icon: 'icon-folder', }, // Prevent the breadcrumbs from being draggable attrs: { @@ -512,7 +520,7 @@ export default { dragleave: ($event) => this.dragLeave($event, disabled), }, }, - crumb.componentOptions.propsData.title + [crumb.componentOptions.propsData.title, folderIcon] ) })) )