GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-05 16:11:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix tab highlighting in a11y

Browse Source
This commit is contained in:
Michael Shilman 2019-02-18 21:23:03 +08:00
parent 91e7e807e9
commit e5ced0da0b
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
addons/a11y/src/components/Tabs.js
View File

@ -17,13 +17,6 @@ const List = styled.div(({ theme }) => ({
}));
const Item = styled.button(
({ active, theme }) =>
active
? {
opacity: 1,
borderBottom: `3px solid ${theme.color.secondary}`,
}
: {},
({ theme }) => ({
textDecoration: 'none',
padding: '10px 15px',
@ -41,7 +34,14 @@ const Item = styled.button(
outline: '0 none',
borderBottom: `3px solid ${theme.color.secondary}`,
},
})
}),
({ active, theme }) =>
active
? {
opacity: 1,
borderBottom: `3px solid ${theme.color.secondary}`,
}
: {}
);
class Tabs extends Component {