Make copyable highlight on hover

radicle-dev · Sep 12, 2024 · 7c1f0fb · 7c1f0fb
1 parent d7c811b
commit 7c1f0fb
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/CopyableId.svelte b/src/components/CopyableId.svelte
@@ -24,6 +24,11 @@
 <style>
   .copyable-id {
     cursor: pointer;
+    color: var(--color-foreground-dim);
+  }
+
+  .copyable-id:hover {
+    color: var(--color-foreground-contrast);
   }
 </style>
 
@@ -32,8 +37,7 @@
   role="button"
   tabindex="0"
   onclick={copy}
-  class="copyable-id global-flex txt-small txt-monospace"
-  style:color="var(--color-foreground-dim)">
+  class="copyable-id global-flex txt-small txt-monospace">
   {id}
   <Icon name={icon} />
 </div>