Index: lams_central/web/css/vertical-timeline.css =================================================================== diff -u -rbfa7dfb5557d54767b137652b34dd89c13fb1227 -rf11663c9b27c276fae910e6c3fa5561a3e2af781 --- lams_central/web/css/vertical-timeline.css (.../vertical-timeline.css) (revision bfa7dfb5557d54767b137652b34dd89c13fb1227) +++ lams_central/web/css/vertical-timeline.css (.../vertical-timeline.css) (revision f11663c9b27c276fae910e6c3fa5561a3e2af781) @@ -123,7 +123,7 @@ background-clip: padding-box; border-radius: 50%; text-align: center; - border: 7px solid #ffffff; + border: 1px solid var(--bs-gray); line-height: 45px; font-size: 15px; float: left; @@ -139,6 +139,7 @@ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; + border: 1px solid var(--bs-gray); } .vertical-timeline .timeline-entry .timeline-entry-inner .timeline-label:after { content: ''; @@ -148,7 +149,7 @@ height: 0; border-style: solid; border-width: 9px 9px 9px 0; - border-color: transparent #ffffff transparent transparent; + border-color: transparent var(--bs-gray) transparent transparent; left: 0; top: 20px; margin-left: -9px; @@ -160,6 +161,12 @@ margin: 5px 0 0 10px; } +.vertical-timeline .timeline-entry .timeline-entry-inner .timeline-icon.activity-complete, +.vertical-timeline .timeline-entry .timeline-entry-inner .timeline-icon.activity-current { + border-width: 7px; +} + + .vertical-timeline .timeline-entry .timeline-entry-inner .timeline-icon.activity-complete ~ .timeline-label:after { margin-left: -13px; border-color: transparent var(--bs-success) transparent transparent; @@ -180,5 +187,10 @@ .vertical-timeline .timeline-entry .timeline-entry-inner .timeline-icon img { width: 25px; + margin-top: 10px; +} + +.vertical-timeline .timeline-entry .timeline-entry-inner .timeline-icon.activity-complete img, +.vertical-timeline .timeline-entry .timeline-entry-inner .timeline-icon.activity-current img { margin-top: -2px; } \ No newline at end of file