]> danix's work - danix.xyz-2.git/commit
fix: correct mobile connector/node geometry accounting for ol padding
authorDanilo M. <redacted>
Tue, 21 Apr 2026 10:00:42 +0000 (12:00 +0200)
committerDanilo M. <redacted>
Tue, 21 Apr 2026 10:00:42 +0000 (12:00 +0200)
commitd341dd8bd778d46bc312acb93ce365fe7122f554
treef1caba97e921b98df1e83f4848bf9f1c90f35a2f
parentd21d25e138f64546f1c6b2cccce0b6f943c6fc16
fix: correct mobile connector/node geometry accounting for ol padding

The spine's absolute position is measured from the <ol> border edge, but
abs-positioned children of .timeline-item use the item's padding box as
reference. With px-4 (16px) on .timeline and margin-left: 30px on the item,
the item left sits at 46px from the <ol> border. Spine right = 22px, so
relative to item = -24px. Fixed connector to left:-24px/width:24px and
node to left:-30px so both touch the spine correctly on mobile.

Co-Authored-By: Claude Haiku 4.5 <redacted>
themes/danix-xyz-hacker/assets/css/main.css
themes/danix-xyz-hacker/assets/css/main.min.css