Index: lams_learning/web/css/components-learner.css =================================================================== diff -u -r0a4686c3282eeb4f688ffb52a17818d8de6bbfd5 -r735e5ff1a7439c3b86b3448b18e324ea20eef5d0 --- lams_learning/web/css/components-learner.css (.../components-learner.css) (revision 0a4686c3282eeb4f688ffb52a17818d8de6bbfd5) +++ lams_learning/web/css/components-learner.css (.../components-learner.css) (revision 735e5ff1a7439c3b86b3448b18e324ea20eef5d0) @@ -94,30 +94,38 @@ } .component-page-wrapper .component-sidebar .progress-bar-items > li a { - text-decoration: none; color: var(--bs-gray-dark); } .component-page-wrapper .component-sidebar .progress-bar-items > li > .progress-bar-icon { margin-right: .5rem; } +.component-page-wrapper .component-sidebar .progress-bar-items > li > img.progress-bar-icon { + width: 30px; + height: 30px; +} + .component-page-wrapper .component-sidebar .progress-bar-items > li.progress-bar-item-incomplete, -.component-page-wrapper .component-sidebar .progress-bar-items > li.progress-bar-item-incomplete > .progress-bar-icon { +.component-page-wrapper .component-sidebar .progress-bar-items > li.progress-bar-item-incomplete > i.progress-bar-icon { color: var(--bs-gray-700); } .component-page-wrapper .component-sidebar .progress-bar-items > li.progress-bar-item-complete, -.component-page-wrapper .component-sidebar .progress-bar-items > li.progress-bar-item-complete > .progress-bar-icon { +.component-page-wrapper .component-sidebar .progress-bar-items > li.progress-bar-item-complete > i.progress-bar-icon { color: var(--bs-green); } .component-page-wrapper .component-sidebar .progress-bar-items > li.support-bar-item, .component-page-wrapper .component-sidebar .progress-bar-items > li.progress-bar-item-current, -.component-page-wrapper .component-sidebar .progress-bar-items > li.progress-bar-item-current > .progress-bar-icon { +.component-page-wrapper .component-sidebar .progress-bar-items > li.progress-bar-item-current > i.progress-bar-icon { color: var(--bs-black); } +.component-page-wrapper .component-sidebar .progress-bar-items > li.progress-bar-item-current > .progress-bar-activity-name { + font-weight: bold; +} + .component-page-wrapper .component-sidebar .progress-bar-items > li:hover { background-color: var(--bs-white); }