fix(code-snippet): remove min-width rules for improved responsiveness (…

…#7420) * fix(code-snippet): remove min-width rules * docs(CodeSnippet): remove forced 50% width on story Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · Dec 9, 2020 · 09c3bfe · 09c3bfe
1 parent f4a09e3
commit 09c3bfe
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 7 deletions.
diff --git a/packages/components/src/components/code-snippet/_code-snippet.scss b/packages/components/src/components/code-snippet/_code-snippet.scss
@@ -119,7 +119,6 @@
 
     display: flex;
     align-items: center;
-    min-width: rem(320px);
     max-width: rem(760px);
     height: $carbon--spacing-08;
     padding-right: $carbon--spacing-08;
@@ -164,7 +163,6 @@
     @include bx--snippet;
 
     display: flex;
-    min-width: rem(320px);
     max-width: 100%;
     padding: $carbon--spacing-05;
 

diff --git a/packages/react/src/components/CodeSnippet/CodeSnippet-story.js b/packages/react/src/components/CodeSnippet/CodeSnippet-story.js
@@ -30,9 +30,8 @@ export const inline = () => (
 );
 
 export const multiline = () => (
-  <div style={{ width: '50%' }}>
-    <CodeSnippet {...props()} type="multi" feedback="Copied to clipboard">
-      {`  "scripts": {
+  <CodeSnippet {...props()} type="multi" feedback="Copied to clipboard">
+    {`  "scripts": {
     "build": "lerna run build --stream --prefix --npm-client yarn",
     "ci-check": "carbon-cli ci-check",
     "clean": "lerna run clean && lerna clean --yes && rimraf node_modules",
@@ -61,8 +60,7 @@ export const multiline = () => (
     "@babel/preset-react": "^7.10.0",
     "@babel/runtime": "^7.10.0",
     "@commitlint/cli": "^8.3.5",`}
-    </CodeSnippet>
-  </div>
+  </CodeSnippet>
 );
 
 export const singleline = () => (