GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-03-20 05:02:37 +08:00
Code Issues Packages Projects Releases Wiki Activity

add space above back button in recently opened

Browse Source
This commit is contained in:
domyen 2020-11-07 10:38:15 -05:00
parent a5e84d46fc
commit 2986446ce9
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
lib/ui/src/components/sidebar/SearchResults.tsx
View File

@ -60,6 +60,10 @@ const ActionRow = styled(ResultRow)({
alignItems: 'center',
});
const BackActionRow = styled(ActionRow)({
marginTop: 8,
});
const ActionLabel = styled.span(({ theme }) => ({
flexGrow: 1,
color: theme.color.mediumdark,
@ -196,7 +200,7 @@ export const SearchResults: FunctionComponent<{
{results.map((result: DownshiftItem, index) => {
if (isCloseType(result)) {
return (
<ActionRow
<BackActionRow
{...result}
{...getItemProps({ key: index, index, item: result })}
isHighlighted={highlightedIndex === index}
@ -204,7 +208,7 @@ export const SearchResults: FunctionComponent<{
<ActionIcon icon="arrowleft" />
<ActionLabel>Back to components</ActionLabel>
<ActionKey>ESC</ActionKey>
</ActionRow>
</BackActionRow>
);
}
if (isClearType(result)) {