From 73eab6c5b5bfe0d72393ab378cce77ad5cbb59b6 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Wed, 19 Oct 2022 15:19:11 +0200
Subject: [PATCH] fix: scope ListGantt styles

---
 src/views/list/ListGantt.vue | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/views/list/ListGantt.vue b/src/views/list/ListGantt.vue
index 48159840d..9534968c6 100644
--- a/src/views/list/ListGantt.vue
+++ b/src/views/list/ListGantt.vue
@@ -125,7 +125,7 @@ const flatPickerConfig = computed<Options>(() => ({
 }))
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .gantt-chart-container {
 	padding-bottom: 1rem;
 }
@@ -141,6 +141,15 @@ const flatPickerConfig = computed<Options>(() => ({
 	}
 }
 
+:global(.link-share-view:not(.has-background)) .gantt-options {
+	border: none;
+	box-shadow: none;
+
+	.card-content {
+		padding: .5rem;
+	}
+}
+
 .field {
 	margin-bottom: 0;
 	width: 33%;
@@ -160,7 +169,8 @@ const flatPickerConfig = computed<Options>(() => ({
 		font-size: .8rem;
 	}
 
-	.select, .select select {
+	.select,
+	.select select {
 		height: auto;
 		width: 100%;
 		font-size: .8rem;
@@ -170,13 +180,4 @@ const flatPickerConfig = computed<Options>(() => ({
 		font-size: .9rem;
 	}
 }
-
-.link-share-view:not(.has-background) .card.gantt-options {
-	border: none;
-	box-shadow: none;
-
-	.card-content {
-		padding: .5rem;
-	}
-}
 </style>
\ No newline at end of file