fix(quote): adjust quote grid classes in storybook

carbon-design-system · Oct 26, 2020 · c1e45ba · c1e45ba
1 parent 7b6d21b
commit c1e45ba
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/packages/web-components/src/components/quote/__stories__/quote.stories.scss b/packages/web-components/src/components/quote/__stories__/quote.stories.scss
@@ -0,0 +1,10 @@
+//
+// Copyright IBM Corp. 2020
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+.dds-ce-demo-devenv--container {
+  padding: 0;
+}
diff --git a/packages/web-components/src/components/quote/__stories__/quote.stories.ts b/packages/web-components/src/components/quote/__stories__/quote.stories.ts
@@ -11,6 +11,7 @@ import { boolean, select } from '@storybook/addon-knobs';
 import { html } from 'lit-element';
 import ArrowRight20 from 'carbon-web-components/es/icons/arrow--right/20.js';
 import { QUOTE_TYPES } from '../quote';
+import styles from './quote.stories.scss';
 import '../../link-with-icon/link-with-icon';
 import textNullable from '../../../../.storybook/knob-text-nullable';
 
@@ -51,9 +52,12 @@ export default {
   title: 'Components/Quote',
   decorators: [
     story => html`
+      <style>
+        ${styles}
+      </style>
       <div class="bx--grid">
         <div class="bx--row">
-          <div class="bx--col-lg-8 bx--offset-lg-4">
+          <div class="bx--offset-lg-4 bx--col-lg-12">
             ${story()}
           </div>
         </div>