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 a11y ActionBar placement when scrolling

Browse Source
This commit is contained in:
domyen 2019-02-26 14:01:05 -05:00
parent 3a9b710b65
commit 239f2ac1fb
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
addons/a11y/src/components/Panel.js
View File

@ -33,6 +33,12 @@ const Violations = styled.span(({ theme }) => ({
color: theme.color.negative,
}));
const StyledActionBar = styled(ActionBar)({
position: 'fixed',
bottom: 10,
right: 10,
});
class A11YPanel extends Component {
static propTypes = {
active: PropTypes.bool.isRequired,
@ -143,7 +149,10 @@ class A11YPanel extends Component {
},
]}
/>
<ActionBar key="actionbar" actionItems={[{ title: actionTitle, onClick: this.request }]} />
<StyledActionBar
key="actionbar"
actionItems={[{ title: actionTitle, onClick: this.request }]}
/>
</Fragment>
) : null;
}