fix: use proper selector for api-demo copy button styles (#201)

open-wc · Apr 5, 2024 · 91c394a · 91c394a
1 parent 9a2c982
commit 91c394a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/.changeset/warm-mails-fry.md b/.changeset/warm-mails-fry.md
@@ -0,0 +1,9 @@
+---
+"@api-viewer/demo": patch
+"@api-viewer/common": patch
+"@api-viewer/docs": patch
+"@api-viewer/tabs": patch
+"api-viewer-element": patch
+---
+
+Use proper selector for demo copy button styles
diff --git a/packages/api-demo/src/styles.ts b/packages/api-demo/src/styles.ts
@@ -60,7 +60,7 @@ const highlightTheme = css`
 `;
 
 const demoStyles = css`
-  button {
+  [part='button'] {
     position: absolute;
     top: 0.5rem;
     right: 0.5rem;
@@ -72,8 +72,8 @@ const demoStyles = css`
     color: var(--ave-button-color, #fff);
   }
 
-  button:focus,
-  button:hover {
+  [part='button']:focus,
+  [part='button']:hover {
     background: var(--ave-button-active-background, rgba(0, 0, 0, 0.6));
   }