From 5ebc0af24a12f1452f27a58ae990e230cd2ec7e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Tue, 18 Mar 2025 21:18:33 +0100
Subject: [PATCH] feat: improve scrollbars positions of timeline

---
 assets/styles/_components.css                          | 3 ++-
 assets/styles/components/timeline.css                  | 4 ++++
 templates/administrative/assignment/timeline.html.twig | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 assets/styles/components/timeline.css

diff --git a/assets/styles/_components.css b/assets/styles/_components.css
index d5bed8c..e86fd04 100644
--- a/assets/styles/_components.css
+++ b/assets/styles/_components.css
@@ -4,4 +4,5 @@
 @import "components/datatable.css";
 @import "components/datepicker.css";
 @import "components/toast.css";
-@import "components/tooltip.css";
\ No newline at end of file
+@import "components/tooltip.css";
+@import "components/timeline.css";
diff --git a/assets/styles/components/timeline.css b/assets/styles/components/timeline.css
new file mode 100644
index 0000000..058b79a
--- /dev/null
+++ b/assets/styles/components/timeline.css
@@ -0,0 +1,4 @@
+.scroll-container {
+    @apply overflow-scroll;
+    max-height: calc(100vh - 140px);
+}
diff --git a/templates/administrative/assignment/timeline.html.twig b/templates/administrative/assignment/timeline.html.twig
index b74b65c..950ff65 100644
--- a/templates/administrative/assignment/timeline.html.twig
+++ b/templates/administrative/assignment/timeline.html.twig
@@ -3,7 +3,7 @@
 {% block title %}Einsatzübersicht{% endblock %}
 
 {% block content %}
-    <div class="overflow-scroll max-h-screen border border-gray-300 mb-16">
+    <div class="scroll-container border border-gray-300 mb-16">
         <table>
             <tr class="[&_th]:sticky [&_th]:top-0 [&_th]:z-10">
                 <th></th>