fix(CodeSnippet): resolve issue with disabled styles (#12953)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · Jan 19, 2023 · 5ebfd52 · 5ebfd52
1 parent d620d10
commit 5ebfd52
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/react/src/components/CodeSnippet/CodeSnippet.stories.js b/packages/react/src/components/CodeSnippet/CodeSnippet.stories.js
@@ -229,8 +229,8 @@ export const Skeleton = () => (
 );
 
 export const Playground = (args) => (
-  <CodeSnippet feedback="Copied to clipboard" {...args}>
-    {'node -v'}
+  <CodeSnippet type="single" feedback="Copied to clipboard" {...args}>
+    {'yarn add @carbon/react'}
   </CodeSnippet>
 );
 

diff --git a/packages/styles/scss/components/code-snippet/_code-snippet.scss b/packages/styles/scss/components/code-snippet/_code-snippet.scss
@@ -43,6 +43,7 @@ $copy-btn-feedback: $background-inverse !default;
   }
 
   .#{$prefix}--snippet--disabled .#{$prefix}--snippet-btn--expand:hover,
+  .#{$prefix}--snippet--disabled .#{$prefix}--copy-btn,
   .#{$prefix}--snippet--disabled .#{$prefix}--copy-btn:hover {
     background-color: $layer;
     color: $text-disabled;