From ef3695f727f6a0cc9a02ed0f386ffab2f63b4fb1 Mon Sep 17 00:00:00 2001
From: Daniel Imms <2193314+Tyriar@users.noreply.github.com>
Date: Mon, 21 Mar 2022 16:03:10 -0700
Subject: [PATCH] Move setting opacity into js

---
 addons/xterm-addon-search/src/SearchAddon.ts | 2 +-
 css/xterm.css                                | 4 ----
 2 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/addons/xterm-addon-search/src/SearchAddon.ts b/addons/xterm-addon-search/src/SearchAddon.ts
index 7a20c5c9..982be048 100644
--- a/addons/xterm-addon-search/src/SearchAddon.ts
+++ b/addons/xterm-addon-search/src/SearchAddon.ts
@@ -626,10 +626,10 @@ export class SearchAddon implements ITerminalAddon {
     }
     if (!element.classList.contains('xterm-find-result-decoration')) {
       element.classList.add('xterm-find-result-decoration');
-      // decoration's clientWidth = actualCellWidth
       element.style.left = `${element.clientWidth * result.col}px`;
       element.style.width = `${element.clientWidth * result.term.length}px`;
       element.style.backgroundColor = color;
+      element.style.opacity = '0.6';
     }
   }
 
diff --git a/css/xterm.css b/css/xterm.css
index b9382ccc..7432fbb1 100644
--- a/css/xterm.css
+++ b/css/xterm.css
@@ -179,10 +179,6 @@
 	position: absolute;
 }
 
-.xterm-find-result-decoration {
-   opacity: 0.6;
-}
-
 .xterm-decoration-overview-ruler {
     z-index: 7;
     position: absolute;