ami/tl-vikunja
1
0
Fork 0
Code

fix(gantt): use color variables for gantt header so that it works in dark mode

Browse Source
This commit is contained in:
kolaente 2024-02-27 15:55:07 +01:00
parent 8a82093233
commit b8533d2bfc
No known key found for this signature in database
GPG Key ID: F40E70337AB24C9B
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/components/tasks/GanttChart.vue
View File

@ -19,6 +19,7 @@
:width="ganttChartWidth" :width="ganttChartWidth"
@dragendBar="updateGanttTask" @dragendBar="updateGanttTask"
@dblclickBar="openTask" @dblclickBar="openTask"
:color-scheme="GANTT_COLOR_SCHEME"
> >
<template #timeunit="{value, date}"> <template #timeunit="{value, date}">
<div <div
@ -59,7 +60,7 @@ import {
extendDayjs, extendDayjs,
GGanttChart, GGanttChart,
GGanttRow, GGanttRow,
type GanttBarObject, type GanttBarObject, type ColorScheme,
} from '@infectoone/vue-ganttastic' } from '@infectoone/vue-ganttastic'
import Loading from '@/components/misc/loading.vue' import Loading from '@/components/misc/loading.vue'
@ -113,6 +114,16 @@ const ganttChartWidth = computed(() => {
const ganttBars = ref<GanttBarObject[][]>([]) const ganttBars = ref<GanttBarObject[][]>([])
const GANTT_COLOR_SCHEME: ColorScheme = {
primary: 'var(--grey-100)',
secondary: 'var(--grey-300)',
ternary: 'var(--grey-500)',
quartenary: 'var(--grey-600)',
hoverHighlight: 'var(--grey-700)',
text: 'var(--grey-800)',
background: 'var(--white)',
}
/** /**
* Update ganttBars when tasks change * Update ganttBars when tasks change
*/ */