Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-23 08:58:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 111

React tab focus bug fix (#4538)

Browse source
This commit is contained in:
RachelElysia 2022-03-10 17:16:07 -05:00 committed by GitHub
parent 2ee98e1fa1
commit 5e3bcc4a61
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
changes/issue-4526-fix-react-tab-styling-bug Normal file
View file

@ -0,0 +1 @@
* Bug fix: React tab on-focus styling

5
frontend/components/TabsWrapper/_styles.scss
View file

@ -20,6 +20,11 @@
&:focus {
box-shadow: none;
outline: 0;
&:after {
left: 0;
bottom: 0;
}
}
// Bolding text when the button is active causes a layout shift
// so we add a hidden pseudo element with the same text string