GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-06 07:21:16 +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, color: theme.color.negative,
})); }));
const StyledActionBar = styled(ActionBar)({
position: 'fixed',
bottom: 10,
right: 10,
});
class A11YPanel extends Component { class A11YPanel extends Component {
static propTypes = { static propTypes = {
active: PropTypes.bool.isRequired, 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> </Fragment>
) : null; ) : null;
} }