/
githubmirror
/
ydb-embedded-ui
Обзор
Документация
Войти
/
githubmirror
/
ydb-embedded-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/SegmentedProgress/SegmentedProgress.scss
51 строка
1 KB
Konstantin Kozlov
feat: implement views with metrics inside pages on DB Info dashboard (#4077)
07 июл 2026, 12:36
Не верифицирован
07 июл 2026, 12:36
77a5f28
Код
Авторство
О чём код?
.ydb-segmented-progress { --ydb-segmented-progress-height: 10px; --ydb-segmented-progress-section-min-width: 10px; --ydb-segmented-progress-empty-color: var(--g-color-sfx-shadow); --ydb-segmented-progress-empty-opacity: 1; --ydb-segmented-progress-used-color: var(--g-color-base-info-heavy); display: flex; flex-wrap: nowrap; align-items: center; gap: var(--g-spacing-1); width: 100%; height: var(--ydb-segmented-progress-height); &_theme_neutral { --ydb-segmented-progress-used-color: var(--g-color-line-generic); } &_theme_success { --ydb-segmented-progress-used-color: var(--g-color-text-positive); } &_theme_warning { --ydb-segmented-progress-used-color: var(--g-color-line-warning); } &_theme_danger { --ydb-segmented-progress-used-color: var(--g-color-text-danger); } &__section { min-width: var(--ydb-segmented-progress-section-min-width); height: 100%; border-radius: var(--g-border-radius-xs); background-color: var(--ydb-segmented-progress-empty-color); } &__section:not(&__section_used) { opacity: var(--ydb-segmented-progress-empty-opacity); } &__section_used { background-color: var(--ydb-segmented-progress-used-color); } &__label { margin-left: auto; } }