Import custom css to fix LinkDetail

kevinashworth · Dec 30, 2020 · 5722aa4 · 5722aa4
1 parent 1d378f4
commit 5722aa4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -19,7 +19,7 @@
     "lint:fix": "eslint --fix 'packages/octave/**/*.js' 'packages/octave/**/*.jsx'",
     "lint:nofix": "eslint 'packages/octave/**/*.js' 'packages/octave/**/*.jsx' 'tests/cypress/**/*.js'",
     "lint:cypress:fix": "eslint --env mocha --fix 'tests/cypress/**/*.js'",
-    "storybook": "start-storybook -p 6006",
+    "storybook": "start-storybook -s ./packages/octave/lib/stylesheets/custom -p 6006",
     "build-storybook": "build-storybook",
     "build:sass": "node-sass 'packages/octave/lib/stylesheets/main.scss' -o 'packages/octave/lib/stylesheets/compiled'",
     "build:sass:min": "node-sass packages/octave/lib/stylesheets/main.scss packages/octave/lib/stylesheets/compiled/main-min.css --output-style compressed",

diff --git a/stories/octave.stories.js b/stories/octave.stories.js
@@ -20,6 +20,9 @@ import ContactMini from '../packages/octave/lib/components/contacts/ContactMini.
 import OfficeMini from '../packages/octave/lib/components/offices/OfficeMini.jsx'
 import ProjectMini from '../packages/octave/lib/components/projects/ProjectMini.jsx'
 
+// be sure to run with -s./packages/octave/lib/stylesheets/custom
+import '../packages/octave/lib/stylesheets/custom/btn.css'
+
 addDecorator(storyFn => <ThemeCard>{storyFn()}</ThemeCard>)
 
 storiesOf('Octave/Common/AddressDetail', module)
@@ -39,7 +42,10 @@ storiesOf('Octave/Common/ErrorBoundary', module)
 
 storiesOf('Octave/Common/LinkDetail', module)
   .add('Default', () => (
-    <LinkDetail link={projectData.links[0]} />
+    <>
+      <LinkDetail link={projectData.links[0]} />
+      <LinkDetail link={projectData.links[1]} />
+    </>
   ))
 
 storiesOf('Octave/Common/LineChartLarge', module)