/
githubmirror
/
angular
Обзор
Документация
Войти
/
githubmirror
/
angular
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
devtools/projects/ng-devtools/src/lib/devtools-tabs/settings/settings.component.scss
80 строк
1 KB
hawkgs
fix(devtools): bump settings z-index due to overlapping elements
09 июл 2026, 22:19
09 июл 2026, 22:19
5ff14e9
Код
Авторство
О чём код?
@use '../../../styles/typography'; @use '../../../styles/theme' as th; :host { position: absolute; display: block; background: var(--senary-contrast); top: 0.75rem; left: 0.75rem; right: 0.75rem; bottom: 0.75rem; border-radius: 0.375rem; box-shadow: 0 2px 5px var(--dynamic-transparent-02); box-sizing: border-box; border: 1px solid var(--quinary-contrast); overflow: hidden; z-index: 999999; .wrapper { overflow-y: auto; height: 100%; padding: 1rem; box-sizing: border-box; h2 { @extend %heading-500; margin-top: 0; margin-bottom: 0.5rem; } h3 { @extend %heading-400; margin-top: 0.25rem; margin-bottom: 0; } ul { list-style-type: none; padding-left: 0.5rem; margin: 0; li { display: flex; align-items: center; margin: 0.5rem 0; gap: 0.5rem; &:has(select) { flex-direction: column; align-items: flex-start; select { margin-left: 0.75rem; margin-bottom: 0.5rem; width: 12rem; } } } } } .close-btn { position: absolute; top: 1rem; right: 1rem; mat-icon { width: 18px; height: 18px; font-size: 18px; } } } @include th.light-theme(false) { :host { background: var(--color-background); border-color: var(--color-separator); } }