From 316b04368c8887ed7ca56389df62d2898d8a831c Mon Sep 17 00:00:00 2001
From: Jonas Heinrich <onny@project-insanity.org>
Date: Fri, 16 Oct 2020 18:42:25 +0200
Subject: [PATCH] table component: style sticky table header

---
 src/App.vue                    | 9 +++++++++
 src/components/Table/Table.vue | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index c2223a1..e42cf6f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -68,4 +68,13 @@ export default {
 	padding-left: 5px;
 }
 
+.breadcrumbs {
+	background-color: var(--color-main-background-translucent);
+	z-index: 60;
+	position: sticky;
+	position: -webkit-sticky;
+	top: 50px;
+	padding-bottom: 5px;
+}
+
 </style>
diff --git a/src/components/Table/Table.vue b/src/components/Table/Table.vue
index 73ed794..b649b80 100644
--- a/src/components/Table/Table.vue
+++ b/src/components/Table/Table.vue
@@ -77,7 +77,7 @@ table {
 		z-index: 60;
 		position: sticky;
 		position: -webkit-sticky;
-		top: 50px;
+		top: 99px;
 
 		th {
 			border-bottom: 1px solid var(--color-border);