From 207eda6df17fd88516bc4801e1e5831c59e4834b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Tue, 25 Mar 2025 10:51:29 +0100
Subject: [PATCH] feat: label color description for timeline

---
 assets/styles/components/timeline.css               |  2 +-
 .../administrative/assignment/timeline.html.twig    | 13 ++++++++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/assets/styles/components/timeline.css b/assets/styles/components/timeline.css
index 5ffb146..5713880 100644
--- a/assets/styles/components/timeline.css
+++ b/assets/styles/components/timeline.css
@@ -1,4 +1,4 @@
 .scroll-container {
     @apply overflow-scroll;
-    max-height: calc(100vh - 240px);
+    max-height: calc(100vh - 320px);
 }
diff --git a/templates/administrative/assignment/timeline.html.twig b/templates/administrative/assignment/timeline.html.twig
index 9c6925d..f72f60d 100644
--- a/templates/administrative/assignment/timeline.html.twig
+++ b/templates/administrative/assignment/timeline.html.twig
@@ -59,7 +59,7 @@
             {% endif %}
         </div>
     </div>
-    <div class="scroll-container border border-gray-300 mb-16">
+    <div class="scroll-container border border-gray-300 mb-4">
         <table>
             <tr class="[&_th]:sticky [&_th]:top-0 [&_th]:z-10">
                 <th></th>
@@ -92,4 +92,15 @@
             {% endfor %}
         </table>
     </div>
+    <div class="flex space-x-2">
+        <div class="flex items-center space-x-2 bg-orange-300 px-4 py-1">
+            <span>Bedarf</span>
+        </div>
+        <div class="flex items-center space-x-2 bg-yellow-300 px-4 py-1">
+            <span>in Bewerbung</span>
+        </div>
+        <div class="flex items-center space-x-2 bg-green-300 px-4 py-1">
+            <span>besetzt</span>
+        </div>
+    </div>
 {% endblock %}