From c9d105429400045d714b7d8d7ed95f7826ddee97 Mon Sep 17 00:00:00 2001
From: "MORGANNA\\Seun" <seun40@gmail.com>
Date: Tue, 27 Sep 2022 01:33:21 -0700
Subject: [PATCH] fix copy button color bug

---
 src/neuroglancer/widget/segment_set_widget.css | 4 ++++
 src/neuroglancer/widget/segment_set_widget.ts  | 8 ++------
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/neuroglancer/widget/segment_set_widget.css b/src/neuroglancer/widget/segment_set_widget.css
index c841691a0c..e22e099a44 100644
--- a/src/neuroglancer/widget/segment_set_widget.css
+++ b/src/neuroglancer/widget/segment_set_widget.css
@@ -73,4 +73,8 @@
   width: 1.6em;
   margin: 3px;
   vertical-align: bottom;
+}
+
+.segment-copy-pressed {
+    background-color: rgb(0, 255, 0);
 }
\ No newline at end of file
diff --git a/src/neuroglancer/widget/segment_set_widget.ts b/src/neuroglancer/widget/segment_set_widget.ts
index 8fa8159216..4e09e2111f 100644
--- a/src/neuroglancer/widget/segment_set_widget.ts
+++ b/src/neuroglancer/widget/segment_set_widget.ts
@@ -500,8 +500,6 @@ export class SegmentSetWidget extends RefCounted {
 
   private static addCopyToClipboardEventToButton(
       button: HTMLButtonElement, stringCreator: () => string) {
-    const defaultButtonColor = 'rgb(0, 255, 0)';
-    const pressedButtonColor = 'rgb(240, 240, 240)';
     button.addEventListener('click', function(this: HTMLButtonElement) {
       const handleCopy = (e: ClipboardEvent) => {
         const {clipboardData} = e;
@@ -510,11 +508,9 @@ export class SegmentSetWidget extends RefCounted {
         }
         e.preventDefault();
         document.removeEventListener('copy', handleCopy);
-        this.style.backgroundColor = defaultButtonColor;
+        this.classList.toggle('segment-copy-pressed', true);
         setTimeout(() => {
-          if (this.style.backgroundColor === defaultButtonColor) {
-            this.style.backgroundColor = pressedButtonColor;
-          }
+          this.classList.toggle('segment-copy-pressed', false);
         }, 300);
       };
       document.addEventListener('copy', handleCopy);