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

Merge pull request #18158 from storybookjs/fix-syntax-highlighter

Browse Source 
Components: Fix race conditions in SyntaxHighlighter
This commit is contained in:
Michael Shilman 2022-05-07 07:57:27 +08:00 committed by GitHub
commit b9888920f4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx
View File

@ -102,11 +102,6 @@ const Scroller = styled(({ children, className }) => (
{
position: 'relative',
},
({ theme }) => ({
'& code': {
paddingRight: theme.layoutMargin,
},
}),
({ theme }) => themedSyntax(theme)
);
@ -121,11 +116,16 @@ const Pre = styled.pre<PreProps>(({ theme, padded }) => ({
padding: padded ? theme.layoutMargin : 0,
}));
const Code = styled.code({
/*
We can't use `code` since PrismJS races for it.
See https://github.com/storybookjs/storybook/issues/18090
*/
const Code = styled.div(({ theme }) => ({
flex: 1,
paddingRight: 0,
paddingLeft: 2, // TODO: To match theming/global.ts for now
paddingRight: theme.layoutMargin,
opacity: 1,
});
}));
export interface SyntaxHighlighterState {
copied: boolean;