/
githubmr
/
facebook-react
Обзор
Документация
Войти
/
githubmr
/
facebook-react
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
main
packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseRects.css
59 строк
1 KB
Sebastian Markbåge
[DevTools] Give a distinct color to the root (#34690)
02 окт 2025, 21:37
Не верифицирован
02 окт 2025, 21:37
2e68dc7
Код
Авторство
О чём код?
.SuspenseRectsContainer { padding: .25rem; cursor: pointer; outline: 1px solid var(--color-component-name); border-radius: 0.25rem; } .SuspenseRectsContainer[data-highlighted='true'] { background: var(--color-dimmest); } .SuspenseRectsViewBox { position: relative; } .SuspenseRectsBoundary { pointer-events: all; } .SuspenseRectsBoundaryChildren { pointer-events: none; /** * So that the shadow of Boundaries within is clipped off. * Otherwise it would look like this boundary is further elevated. */ overflow: hidden; } .SuspenseRectsScaledRect[data-visible='false'] > .SuspenseRectsBoundaryChildren { overflow: initial; } .SuspenseRectsRect { box-shadow: var(--elevation-4); pointer-events: all; outline-style: solid; outline-width: 1px; border-radius: 0.125rem; cursor: pointer; } .SuspenseRectsScaledRect { position: absolute; outline-color: var(--color-background-selected); } .SuspenseRectsScaledRect[data-visible='false'] { pointer-events: none; outline-width: 0; } /* highlight this boundary */ .SuspenseRectsBoundary:hover:not(:has(.SuspenseRectsBoundary:hover)) > .SuspenseRectsRect, .SuspenseRectsBoundary[data-highlighted='true'] > .SuspenseRectsRect { background-color: var(--color-background-hover); } .SuspenseRectsRect[data-highlighted='true'] { background-color: var(--color-selected-tree-highlight-active); }