fix: scope ListGantt styles

This commit is contained in:
Dominik Pschenitschni 2022-10-19 15:19:11 +02:00
parent 198f825b86
commit 56d306372b
Signed by: dpschen
GPG Key ID: B257AC0149F43A77
1 changed files with 12 additions and 11 deletions

View File

@ -125,7 +125,7 @@ const flatPickerConfig = computed<Options>(() => ({
})) }))
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
.gantt-chart-container { .gantt-chart-container {
padding-bottom: 1rem; 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 { .field {
margin-bottom: 0; margin-bottom: 0;
width: 33%; width: 33%;
@ -160,7 +169,8 @@ const flatPickerConfig = computed<Options>(() => ({
font-size: .8rem; font-size: .8rem;
} }
.select, .select select { .select,
.select select {
height: auto; height: auto;
width: 100%; width: 100%;
font-size: .8rem; font-size: .8rem;
@ -170,13 +180,4 @@ const flatPickerConfig = computed<Options>(() => ({
font-size: .9rem; font-size: .9rem;
} }
} }
.link-share-view:not(.has-background) .card.gantt-options {
border: none;
box-shadow: none;
.card-content {
padding: .5rem;
}
}
</style> </style>