Fix sharing in sidebar

Signed-off-by: Arne Hamann <[email protected]>
nextcloud · Jan 23, 2023 · 154e4f9 · 154e4f9
1 parent 3895980
commit 154e4f9
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 10 deletions.
diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
@@ -60,7 +60,12 @@
 				:on-update="tab.update"
 				:on-destroy="tab.destroy"
 				:on-scroll-bottom-reached="tab.scrollBottomReached"
-				:file-info="fileInfo" />
+				:file-info="fileInfo">
+				<template v-if="tab.iconSvg !== undefined" #icon>
+					<!-- eslint-disable-next-line vue/no-v-html -->
+					<span class="svg-icon" v-html="tab.iconSvg" />
+				</template>
+			</SidebarTab>
 		</template>
 	</NcAppSidebar>
 </template>
@@ -619,23 +624,32 @@ export default {
 }
 
 .app-sidebar {
-	&--full {
-		position: fixed !important;
-		z-index: 2025 !important;
-		top: 0 !important;
-		height: 100% !important;
-	}
 	&--has-preview::v-deep {
 		.app-sidebar-header__figure {
 			background-size: cover;
 		}
 
-		&[data-mimetype='text/plain'],
-		&[data-mimetype='text/markdown'] {
+		&[data-mimetype="text/plain"],
+		&[data-mimetype="text/markdown"] {
 			.app-sidebar-header__figure {
 				background-size: contain;
 			}
 		}
 	}
+
+	&--full {
+		position: fixed !important;
+		z-index: 2025 !important;
+		top: 0 !important;
+		height: 100% !important;
+	}
+
+	.svg-icon {
+		::v-deep svg {
+			width: 20px;
+			height: 20px;
+			fill: currentColor;
+		}
+	}
 }
 </style>
diff --git a/src/components/Sidebar/SidebarTab.vue b/src/components/Sidebar/SidebarTab.vue
@@ -26,6 +26,9 @@
 		:name="name"
 		:icon="icon"
 		@bottomReached="onScrollBottomReached">
+		<template #icon>
+			<slot name="icon" />
+		</template>
 		<!-- Fallback loading -->
 		<NcEmptyContent v-if="loading" icon="icon-loading" />
 
@@ -63,7 +66,7 @@ export default {
 		},
 		icon: {
 			type: String,
-			required: true,
+			required: false,
 		},
 
 		/**