ocelot-Social-Community/ocelot.social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/ocelot.social.git synced 2026-04-06 01:25:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix the appearance of last dots of road map really to be as last of all items

Browse Source
This commit is contained in:
Wolfgang Huß 2026-03-11 17:22:21 +01:00
parent 35badb1f55
commit eefaa6e7d3
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
docs/.vuepress/components/RoadmapProgress.vue
View File

@ -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>