From 158fdca7a65c55454a49d0bcc102c5d435a741b5 Mon Sep 17 00:00:00 2001
From: alexisben <alex@noesya.coop>
Date: Wed, 23 Nov 2022 17:22:47 +0100
Subject: [PATCH] timeline
---
assets/sass/_theme/blocks/timeline.sass | 31 ++++++++++++++++---
.../sass/_theme/design-system/typography.sass | 2 +-
2 files changed, 27 insertions(+), 6 deletions(-)
diff --git a/assets/sass/_theme/blocks/timeline.sass b/assets/sass/_theme/blocks/timeline.sass
index e4fea60f..df08ac3a 100644
--- a/assets/sass/_theme/blocks/timeline.sass
+++ b/assets/sass/_theme/blocks/timeline.sass
@@ -54,8 +54,6 @@
width: col(7)
-
-
.block-timeline--horizontal
--min-title-height: 0px
background: $block-timeline-horizontal-background
@@ -104,6 +102,7 @@
flex-flow: row nowrap
list-style: none
padding-left: 0
+ margin-top: $spacing1
transition: margin 0.4s ease-in-out
width: 100%
.event
@@ -114,13 +113,14 @@
width: 50%
.title
min-height: var(--min-title-height)
+ margin-bottom: $spacing1
.line
background: $block-timeline-horizontal-color
height: 1px
margin-bottom: $spacing1
opacity: 1
overflow: visible
- width: calc(100% + #{$grid-gutter})
+ width: calc(100% + #{$grid-gutter} / 2)
&::before
background: $block-timeline-horizontal-color
border-radius: 50%
@@ -132,10 +132,31 @@
width: 9px
&.is-passed
opacity: 0.15
+ &:last-child
+ .line
+ background: transparent
@include media-breakpoint-up(md)
- .timeline
- padding-left: offset(5)
+ .events
+ ol
+ margin-top: $spacing2
+ .event
+ .line
+ width: calc(100% + #{$grid-gutter})
+
+ @include in-page-with-sidebar
+ @include media-breakpoint-up(md)
+ .timeline
+ padding-left: offset(4)
+ @include media-breakpoint-up(xxl)
+ .timeline
+ padding-left: offset(5)
+
+ @include in-page-without-sidebar
+ @include media-breakpoint-up(xxl)
+ .event
+ width: 25%
+
@include media-breakpoint-down(md)
.events
diff --git a/assets/sass/_theme/design-system/typography.sass b/assets/sass/_theme/design-system/typography.sass
index 05c68291..080d30bb 100644
--- a/assets/sass/_theme/design-system/typography.sass
+++ b/assets/sass/_theme/design-system/typography.sass
@@ -65,7 +65,7 @@ h5, .h5
text-transform: $h5-text-transform
@include media-breakpoint-up(md)
font-size: $h5-size-md
-
+
h6, .h6
@extend %heading
font-size: $h6-size
--
GitLab