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

Minor non-breaking tweaks

Browse Source
This commit is contained in:
domyen 2019-02-04 14:25:07 -05:00
parent 0b37728f8b
commit 053e132d4e
2 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
addons/knobs/src/components/Panel.js
View File

@ -169,7 +169,19 @@ export default class KnobPanel extends PureComponent {
const knobsArray = knobKeysArray.map(key => knobs[key]);
if (knobsArray.length === 0) {
return <Placeholder>NO KNOBS</Placeholder>;
return (
<Placeholder title="No knobs found">
Learn how to{' '}
<a
href="https://github.com/storybooks/storybook/tree/master/addons/knobs"
target="_blank"
rel="noopener noreferrer"
>
dynamically interact with components
</a>{' '}
using knobs.
</Placeholder>
);
}
const entries = Object.entries(groups);

8
lib/components/src/Button/Button.js
View File

@ -49,11 +49,11 @@ const ButtonWrapper = styled.button`
}
&:focus {
box-shadow: ${rgba(props.theme.color.primary, 0.4)} 0 1px 9px 2px;
box-shadow: ${rgba(props.theme.color.secondary, 0.4)} 0 1px 9px 2px;
}
&:focus:hover {
box-shadow: ${rgba(props.theme.color.primary, 0.2)} 0 8px 18px 0px;
box-shadow: ${rgba(props.theme.color.secondary, 0.2)} 0 8px 18px 0px;
}
`}
@ -241,8 +241,8 @@ const ButtonWrapper = styled.button`
box-shadow: ${props.theme.color.medium} 0 0 0 1px inset;
color: ${props.theme.color.darkest};
}
&:focus { box-shadow: ${props.theme.color.medium} 0 0 0 1px inset, ${rgba(props.theme.color.primary, 0.4)} 0 1px 9px 2px; }
&:focus:hover { box-shadow: ${props.theme.color.medium} 0 0 0 1px inset, ${rgba(props.theme.color.primary, 0.2)} 0 8px 18px 0px;}
&:focus { box-shadow: ${props.theme.color.medium} 0 0 0 1px inset, ${rgba(props.theme.color.secondary, 0.4)} 0 1px 9px 2px; }
&:focus:hover { box-shadow: ${props.theme.color.medium} 0 0 0 1px inset, ${rgba(props.theme.color.secondary, 0.2)} 0 8px 18px 0px;}
`};
${props.primary && css`