Tijdlijn scrollt nu correct mee bij scrollen bij overflow. Maart is een

uitzondering bij de afkortingen: I.p.v. eerste 3 letters, is het mrt.

Author: klascal

schedule.js

@@ -559,6 +559,12 @@ async function fetchSchedule(year, week, isFirstLoad) {
       0,
       3
     )}</span><span class="long">${month.slice(3)}</span>`;
+    // maart is een uitzondering: mrt i.p.v. maa
+    if (month == "maart") {
+      date = `${weekday.slice(0, 2)}<span class="long">${weekday.slice(
+        2
+      )}</span> ${day}<span class="longExtraExtraExtra"> m<span class="long">aa</span>rt</span>`;
+    }
     (grouped[dateFull] = grouped[dateFull] || { date, items: [] }).items.push(
       a
     );

style.css

@@ -453,6 +453,7 @@ details strong {
 #schedule {
   margin-top: 2.5rem;
   height: calc(100vh - 2.5rem);
+  position: relative;
 }
 #schedule div {
   flex: 1;
@@ -968,13 +969,13 @@ button:disabled {
 }
 .weekEnabled .timeline {
   height: 2px;
-  top: calc(var(--top) + 4.5rem);
+  top: calc(var(--top) + 2rem);
   left: 0;
 }
 .ltrEnabled .timeline {
   width: 2px;
   height: calc(100vh - 3.75rem);
-  left: calc(var(--top) * 3 + 0.25rem);
+  left: calc(var(--top) * 3);
 }
 .dayEnabled .timeline {
   visibility: hidden;
@@ -1086,9 +1087,7 @@ label {
     top: calc(var(--margin) * 1.2);
   }
   .weekEnabled .timeline {
-    height: 2px;
-    top: calc(var(--top) * 1.2 + 4.5rem);
-    left: 0;
+    top: calc(var(--top) * 1.2 + 2rem);
   }
   .weekEnabled .warning {
     bottom: 4px;