Fix/indenting for addon-notes & addon-info on markdown code blocks (#…

…7158) Fix/indenting for addon-notes & addon-info on markdown code blocks
storybookjs · Jul 31, 2019 · f62f124 · f62f124
1 parent 2046e90
commit f62f124
Show file tree

Hide file tree

Showing 5 changed files with 2,442 additions and 788 deletions.
diff --git a/addons/info/src/components/markdown/code.js b/addons/info/src/components/markdown/code.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { SyntaxHighlighter } from '@storybook/components';
 
 const Code = ({ language, code }) => (
-  <SyntaxHighlighter bordered copyable language={language}>
+  <SyntaxHighlighter format={false} bordered copyable language={language}>
     {code}
   </SyntaxHighlighter>
 );

diff --git a/addons/notes/src/Panel.tsx b/addons/notes/src/Panel.tsx
@@ -63,7 +63,13 @@ export const SyntaxHighlighter = ({ className, children, ...props }: SyntaxHighl
   // className: "lang-jsx"
   const language = className.split('-');
   return (
-    <SyntaxHighlighterBase language={language[1] || 'plaintext'} bordered copyable {...props}>
+    <SyntaxHighlighterBase
+      language={language[1] || 'plaintext'}
+      bordered
+      format={false}
+      copyable
+      {...props}
+    >
       {children}
     </SyntaxHighlighterBase>
   );