From 84b20ef32b2a2242e0611aed1869953385f53e62 Mon Sep 17 00:00:00 2001
From: kolaente <konrad@kola-entertainments.de>
Date: Tue, 30 Apr 2019 11:02:38 +0200
Subject: [PATCH] Fixed various style bugs with the gantt chart

---
 src/components/tasks/gantt-component.vue | 2 +-
 src/styles/gantt.scss                    | 1 +
 src/styles/theme.scss                    | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/tasks/gantt-component.vue b/src/components/tasks/gantt-component.vue
index 25b62f7ee..d346a0194 100644
--- a/src/components/tasks/gantt-component.vue
+++ b/src/components/tasks/gantt-component.vue
@@ -68,7 +68,7 @@
                  </VueDragResize>
 			</div>
 			<template v-if="showTaskswithoutDates">
-				<div class="row" v-for="t in tasksWithoutDates" :key="t.id">
+				<div class="row" v-for="(t, k) in tasksWithoutDates" :key="t.id" :style="{background: 'repeating-linear-gradient(90deg, #ededed, #ededed 1px, ' + (k % 2 === 0 ? '#fafafa 1px, #fafafa ' : '#fff 1px, #fff ') + dayWidth + 'px)'}">
 					<VueDragResize
 							class="task nodate"
 							:isActive="true"
diff --git a/src/styles/gantt.scss b/src/styles/gantt.scss
index 3a7bda3fc..3c425f8c8 100644
--- a/src/styles/gantt.scss
+++ b/src/styles/gantt.scss
@@ -148,6 +148,7 @@ $gantt-vertical-border-color: lighten($grey, 45);
     min-height: 0;
     top: 10vh;
     right: 10vw;
+    z-index: 5;
 
     .card-content {
       max-height: 60vh;
diff --git a/src/styles/theme.scss b/src/styles/theme.scss
index 4afd5c735..f56b098b9 100644
--- a/src/styles/theme.scss
+++ b/src/styles/theme.scss
@@ -240,6 +240,7 @@ h1,h2,h3,h4,h5,h6{
 
 .navbar.main-theme {
   background: $light-background;
+  z-index: 30 !important;
 }
 
 .switch-view {