add global useful style to storybook and remove useless style from co…

…mponent
ToucanToco · Apr 9, 2020 · 21a9455 · 21a9455
1 parent b575483
commit 21a9455
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
@@ -1,2 +1,10 @@
 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
   integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous" />
+<style>
+  *, *:before, *:after {
+    box-sizing: border-box;
+  }
+  html {
+    font-family: Montserrat, sans-serif;
+  }
+</style>
diff --git a/src/components/ListUniqueValues.vue b/src/components/ListUniqueValues.vue
@@ -159,7 +159,6 @@ export default class ListUniqueValues extends Vue {
 }
 
 .list-unique-values__search-box {
-  box-sizing: border-box;
   padding: 5px;
   margin: 10px 0px;
   width: 100%;

diff --git a/stories/list-unique-values.js b/stories/list-unique-values.js
@@ -18,5 +18,5 @@ stories.add('default', () => ({
         loaded: false,
     }
   },
-  template: `<div style="font-family: 'Montserrat', sans-serif;"><ListUniqueValues :loaded="loaded" :filter="filter" @input="filter = $event" :options="options"/></div>`,
+  template: `<div><ListUniqueValues :loaded="loaded" :filter="filter" @input="filter = $event" :options="options"/></div>`,
 }));