/
githubmr
/
facebook-react
Обзор
Документация
Войти
/
githubmr
/
facebook-react
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
main
packages/react-devtools-shared/src/devtools/views/Toggle.css
55 строк
954 B
Jorge (Hezi) Cohen
[DevTools] Make Toggle hover state more visible (#32914)
15 апр 2025, 13:20
Не верифицирован
15 апр 2025, 13:20
707b3fc
Код
Авторство
О чём код?
.ToggleDisabled, .ToggleOn, .ToggleOff { background: var(--color-button-background); border: none; border-radius: 0.25rem; padding: 0; flex: 0 0 auto; } .ToggleContent { display: inline-flex; align-items: center; border-radius: 0.25rem; padding: 0.25rem; } .ToggleOff { border: none; background: var(--color-button-background); color: var(--color-button); } .ToggleOff:hover { color: var(--color-button-hover); } .ToggleOn:hover, .ToggleOff:hover { background-color: var(--color-button-background-hover); } .ToggleOn, .ToggleOn:active { color: var(--color-button-active); outline: none; } .ToggleOn:focus, .ToggleOff:focus, .ToggleContent:focus { outline: none; } .ToggleOn:focus > .ToggleContent, .ToggleOff:focus > .ToggleContent { background: var(--color-button-background-focus); } .ToggleDisabled { background: var(--color-button-background); color: var(--color-button-disabled); cursor: default; }