Merge pull request #623 from StadGent/feature/SGD8-2896

SGD8-2896: Fix floating title
StadGent · Dec 17, 2024 · 932fadf · 932fadf
2 parents d450fb3 + 76a4076
commit 932fadf
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 5 deletions.
diff --git a/components/41-organisms/timeline/_timeline.scss b/components/41-organisms/timeline/_timeline.scss
@@ -470,6 +470,12 @@ dl.timeline {
 dl.roadmap {
   counter-reset: item;
 
+  .roadmap-title {
+    @include desktop {
+      padding-left: calc($roadmap-img-desktop-size + 30px);
+    }
+  }
+
   .timeline-slot {
     position: relative;
     padding-bottom: 50px;

diff --git a/components/41-organisms/timeline/timeline--roadmap.twig b/components/41-organisms/timeline/timeline--roadmap.twig
@@ -1,8 +1,9 @@
 <div class="roadmap-wrapper">
 {# Timeline paragraph BEGIN #}
-  {# Timeline paragraph title #}
-  <h2 class="visually-hidden">Roadmap timeline title</h2>
   <dl class="roadmap">
+    {# Timeline paragraph title #}
+    <h2 class="roadmap-title">Roadmap timeline title</h2>
+
     {# Timeline item BEGIN #}
     <div class="timeline-slot" role="listitem">
       <div class="item">

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gent_styleguide",
-  "version": "6.0.0-beta33",
+  "version": "6.0.0-beta34",
   "description": "Styleguide Stad.Gent",
   "devDependencies": {
     "@babel/core": "^7.20.12",