From eefaa6e7d3788b63adc4eb88ad969aa01fe8a04f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Wed, 11 Mar 2026 17:22:21 +0100
Subject: [PATCH] Fix the appearance of last dots of road map really to be as
 last of all items

---
 docs/.vuepress/components/RoadmapProgress.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/docs/.vuepress/components/RoadmapProgress.vue b/docs/.vuepress/components/RoadmapProgress.vue
index 2600241..0b00aed 100644
--- a/docs/.vuepress/components/RoadmapProgress.vue
+++ b/docs/.vuepress/components/RoadmapProgress.vue
@@ -61,7 +61,7 @@
       </div>
 
       <!-- Drei Punkte am Ende: weitere geplante Features -->
-      <div v-if="hasMorePlanned" class="roadmap-future roadmap-expandable" @click="expandFuture">
+      <div v-if="hasMorePlanned" class="roadmap-future roadmap-expandable" @click="expandFuture" :style="{ '--i': items.length - 1 }">
         <div class="roadmap-future-dots">
           <span class="roadmap-future-dot"></span>
           <span class="roadmap-future-dot"></span>
@@ -512,7 +512,7 @@ strong.roadmap-content-title {
 
 .roadmap--animated .roadmap-future {
   animation: contentFadeIn 0.3s ease forwards;
-  animation-delay: 0.3s;
+  animation-delay: calc(0.85s + var(--i, 0) * 0.5s);
 }
 
 .roadmap-station .roadmap-marker,
@@ -681,4 +681,9 @@ strong.roadmap-content-title {
              inProgressPulse 2s ease-in-out 0.7s infinite;
   animation-delay: calc(var(--i) * 0.04s), calc(var(--i) * 0.04s), calc(var(--i) * 0.04s + 0.6s);
 }
+
+.roadmap--expanded.roadmap--animated .roadmap-future {
+  animation: contentFadeIn 0.6s ease forwards;
+  animation-delay: calc(var(--i, 0) * 0.04s + 0.7s);
+}
 </style>