/
ashipov
/
react
Обзор
Документация
Войти
/
ashipov
/
react
Код
Запросы
0
Задачи 2.0
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
packages/react-devtools-shared/src/devtools/views/Components/Tree.css
100 строк
2 KB
Sebastian "Sebbie" Silbermann
[DevTools] More robust resize handling (#34036)
29 июл 2025, 18:45
Не верифицирован
29 июл 2025, 18:45
b1cbb48
Код
Авторство
О чём код?
.Tree { position: relative; height: 100%; width: 100%; display: flex; flex-direction: column; border-top: 1px solid var(--color-border); } .InnerElementType { position: relative; } .VerticalDelimiter { position: absolute; width: 0.025rem; background: #b0b0b0; } .SearchInput { flex: 0 0 42px; display: flex; align-items: center; border-bottom: 1px solid var(--color-border); padding: 0.5rem; } .AutoSizerWrapper { width: 100%; overflow: hidden; flex: 1 0 auto; } .AutoSizerWrapper:focus { outline: none; } .List { font-family: var(--font-family-monospace); font-size: var(--font-size-monospace-normal); line-height: var(--line-height-data); user-select: none; } .VRule { height: 20px; width: 1px; flex: 0 0 1px; margin: 0 0.5rem; background-color: var(--color-border); } .Loading { height: 100%; padding-left: 0.5rem; display: flex; align-items: center; flex: 1; justify-content: flex-start; font-size: var(--font-size-sans-large); color: var(--color-dim); } .IconAndCount { display: flex; align-items: center; font-size: var(--font-size-sans-normal); } .ErrorIcon, .WarningIcon { width: 0.75rem; height: 0.75rem; margin-left: 0.25rem; margin-right: 0.25rem; flex: 0 0 auto; } .ErrorIcon { color: var(--color-console-error-icon); } .WarningIcon { color: var(--color-console-warning-icon); } .ZeroElementsNotice { padding-left: 1em; opacity: 0; animation: fadeIn 0.5s forwards; animation-delay: 2s; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .Link { color: var(--color-button-active); }