Index: lams_central/web/css/vertical-timeline.css =================================================================== diff -u -rf11663c9b27c276fae910e6c3fa5561a3e2af781 -ra23b8d982ba3902fb9712d6cb7a4723c4f70c34c --- lams_central/web/css/vertical-timeline.css (.../vertical-timeline.css) (revision f11663c9b27c276fae910e6c3fa5561a3e2af781) +++ lams_central/web/css/vertical-timeline.css (.../vertical-timeline.css) (revision a23b8d982ba3902fb9712d6cb7a4723c4f70c34c) @@ -154,34 +154,45 @@ top: 20px; margin-left: -9px; } + +.vertical-timeline .timeline-entry.activity-complete .timeline-entry-inner .timeline-label:before { + content: '\f00c'; + font-family: 'FontAwesome'; + position: absolute; + right: 6px; + top: 0px; + font-size: 20px; + color: var(--bs-green); +} + .vertical-timeline .timeline-entry .timeline-entry-inner .timeline-label p .timeline-img { margin: 5px 10px 0 0; } .vertical-timeline .timeline-entry .timeline-entry-inner .timeline-label p .timeline-img.pull-right { 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 { +.vertical-timeline .timeline-entry.activity-complete .timeline-entry-inner .timeline-icon, +.vertical-timeline .timeline-entry.activity-current .timeline-entry-inner .timeline-icon { border-width: 7px; } -.vertical-timeline .timeline-entry .timeline-entry-inner .timeline-icon.activity-complete ~ .timeline-label:after { +.vertical-timeline .timeline-entry.activity-complete .timeline-entry-inner .timeline-icon ~ .timeline-label:after { margin-left: -13px; border-color: transparent var(--bs-success) transparent transparent; } -.vertical-timeline .timeline-entry .timeline-entry-inner .timeline-icon.activity-complete ~ .timeline-label{ +.vertical-timeline .timeline-entry.activity-complete .timeline-entry-inner .timeline-icon ~ .timeline-label{ border-left: thick solid var(--bs-success); } -.vertical-timeline .timeline-entry .timeline-entry-inner .timeline-icon.activity-current ~ .timeline-label:after { +.vertical-timeline .timeline-entry.activity-current .timeline-entry-inner .timeline-icon ~ .timeline-label:after { margin-left: -13px; border-color: transparent var(--bs-primary) transparent transparent; } -.vertical-timeline .timeline-entry .timeline-entry-inner .timeline-icon.activity-current ~ .timeline-label{ +.vertical-timeline .timeline-entry.activity-current .timeline-entry-inner .timeline-icon ~ .timeline-label{ border-left: thick solid var(--bs-primary); } @@ -190,7 +201,7 @@ 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 { +.vertical-timeline .timeline-entry.activity-complete .timeline-entry-inner .timeline-icon img, +.vertical-timeline .timeline-entry.activity-current .timeline-entry-inner .timeline-icon img { margin-top: -2px; } \ No newline at end of file Index: lams_monitoring/web/includes/javascript/monitorLesson5.js =================================================================== diff -u -r0c1eee254e27268a15652b71fc40ac44a694c341 -ra23b8d982ba3902fb9712d6cb7a4723c4f70c34c --- lams_monitoring/web/includes/javascript/monitorLesson5.js (.../monitorLesson5.js) (revision 0c1eee254e27268a15652b71fc40ac44a694c341) +++ lams_monitoring/web/includes/javascript/monitorLesson5.js (.../monitorLesson5.js) (revision a23b8d982ba3902fb9712d6cb7a4723c4f70c34c) @@ -2445,8 +2445,12 @@ $('.timeline-title', entry).text(activity.name); switch(activity.status){ - case 0: icon.addClass('border-primary activity-current');break; - case 1: icon.addClass('border-success activity-complete');break; + case 0: entry.addClass('activity-current'); + icon.addClass('border-primary'); + break; + case 1: icon.addClass('border-success'); + entry.addClass('activity-complete'); + break; } if (activity.iconURL) {