Przeglądaj źródła

web: colocate copy button styles with components that use them

Jay V 5 miesięcy temu
rodzic
commit
6191232d5f

+ 6 - 0
packages/web/src/components/share/content-markdown.module.css

@@ -1,4 +1,5 @@
 .root {
+  position: relative;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -145,4 +146,9 @@
       border-right: none;
     }
   }
+
+  [data-component="copy-button"] {
+    top: 0;
+    right: 0;
+  }
 }

+ 6 - 0
packages/web/src/components/share/content-text.module.css

@@ -1,4 +1,5 @@
 .root {
+  position: relative;
   color: var(--sl-color-text);
   background-color: var(--sl-color-bg-surface);
   padding: 0.5rem calc(0.5rem + 3px);
@@ -54,4 +55,9 @@
   &[data-theme="blue"] {
     background-color: var(--sl-color-blue-low);
   }
+
+  [data-component="copy-button"] {
+    top: 0.5rem;
+    right: calc(0.5rem - 1px);
+  }
 }

+ 0 - 20
packages/web/src/components/share/part.module.css

@@ -127,11 +127,6 @@
     flex-grow: 1;
     max-width: var(--md-tool-width);
     position: relative;
-
-    [data-component="copy-button"] {
-      top: 0.5rem;
-      right: calc(0.5rem - 1px);
-    }
   }
 
   [data-component="assistant-reasoning"] {
@@ -149,11 +144,6 @@
       padding: 0.5rem calc(0.5rem + 3px);
       border-radius: 0.25rem;
       position: relative;
-
-      [data-component="copy-button"] {
-        top: 0.5rem;
-        right: calc(0.5rem - 1px);
-      }
     }
   }
 
@@ -172,11 +162,6 @@
       padding: 0.5rem calc(0.5rem + 3px);
       border-radius: 0.25rem;
       position: relative;
-
-      [data-component="copy-button"] {
-        top: 0.5rem;
-        right: calc(0.5rem - 1px);
-      }
     }
   }
 
@@ -300,11 +285,6 @@
         padding: 0.5rem calc(0.5rem + 3px);
         border-radius: 0.25rem;
         position: relative;
-
-        [data-component="copy-button"] {
-          top: 0.5rem;
-          right: calc(0.5rem - 1px);
-        }
       }
     }
   }