/
githubmirror
/
oppia
Обзор
Документация
Войти
/
githubmirror
/
oppia
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
core/templates/components/checkpoint-bar/checkpoint-bar.component.css
69 строк
1 KB
Kartik Suryavanshi
[GSoC 2026] M2.3 & M2.4- Fix part of #19614: Learner-Side Topic Viewer Page Ui & Integrated Serial chapter functionality with Redesigned Topic Page (#26869)
03 авг 2026, 03:10
Не верифицирован
03 авг 2026, 03:10
b34c5a5
Код
Авторство
О чём код?
.progress-bar-container { align-items: center; display: flex; position: relative; width: 100%; } .multiple-checkpoints-bar { justify-content: space-between; } .lesson-progress-bar { background-color: #bbb; border-radius: 5px; display: flex; height: 5px; justify-content: flex-start; left: 0; margin-left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 100%; z-index: 0; } .completed-progress-bar { background-color: #00645c; border-radius: 5px; height: 100%; max-width: 100%; transition: width 0.6s ease-in-out; } .completed-checkpoint-node { background-color: #00645c; border-radius: 50%; cursor: pointer; display: flex; height: 12px; justify-content: center; width: 12px; z-index: 1; } .in-progress-checkpoint-node { align-items: flex-start; background-color: #fff; border: 2px solid #00645c; border-radius: 50%; display: flex; height: 20px; justify-content: center; width: 20px; z-index: 1; } .incomplete-checkpoint-node { align-items: flex-end; background-color: #fff; border: 1px solid #c0c0c0; border-radius: 50%; display: flex; height: 12px; justify-content: center; width: 12px; z-index: 1; }