mirror of
https://github.com/Unleash/unleash.git
synced 2025-10-27 11:02:16 +01:00
fc0383620b
Adds focus styles to the env accordion header only when the focus is on the header itself (not on the env toggle inside the header). The focus style is consistent with what we do for other accordions (dashboard, milestones). Middle one is focused:  Focus is on the toggle inside the top one (yeh, we should have better focus styles for toggles; but that's not for now):  Open and focused:  Getting the consistent background for the header when it's open is a little tricky because the accordion container and summary are split into different files. ~~This first iteration used a class name for the specific header (because envs can have multiple accordion headers inside them, e.g. release plans) and setting a CSS variable in the summary, so that the background matches.~~ I found out that I only need to set it in the parent anyway 😄 Without it, you get this (notice that there is a little white outside the lower corners):  |
||
|---|---|---|
| .. | ||
| admin | ||
| application | ||
| archive | ||
| banners | ||
| changeRequest | ||
| commandBar | ||
| common | ||
| context | ||
| demo | ||
| environments | ||
| events | ||
| feature | ||
| featureTypes | ||
| feedback | ||
| feedbackNew | ||
| filter | ||
| insights | ||
| integrations | ||
| layout | ||
| loginHistory | ||
| maintenance | ||
| menu | ||
| onboarding | ||
| personalDashboard | ||
| playground/Playground | ||
| project | ||
| providers | ||
| releases | ||
| segments | ||
| signals | ||
| splash | ||
| strategies | ||
| tags | ||
| user | ||
| App.tsx | ||
| InitialRedirect.tsx | ||