From 57f7d19095f3e3105a640a5a3656d23de2e77288 Mon Sep 17 00:00:00 2001
From: Bas Leenknegt <basleenknegt@thehyve.nl>
Date: Thu, 8 Jun 2023 15:36:30 +0200
Subject: [PATCH] Fix search checkboxes in study sv pane when hovering

---
 src/pages/studyView/table/StructVarCell.tsx       |  1 +
 src/pages/studyView/table/tables.module.scss      | 10 ++++++++--
 src/pages/studyView/table/tables.module.scss.d.ts |  1 +
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/pages/studyView/table/StructVarCell.tsx b/src/pages/studyView/table/StructVarCell.tsx
index c753d4ebc64..b51fac4faca 100644
--- a/src/pages/studyView/table/StructVarCell.tsx
+++ b/src/pages/studyView/table/StructVarCell.tsx
@@ -103,6 +103,7 @@ export class StructVarCell extends React.Component<IStructVarCellProps, {}> {
                                 className={classnames({
                                     [styles.addGeneUI]: true,
                                     [styles.selected]: this.isCheckBoxChecked,
+                                    [styles.hover]: !this.isCheckBoxChecked,
                                 })}
                             >
                                 <i
diff --git a/src/pages/studyView/table/tables.module.scss b/src/pages/studyView/table/tables.module.scss
index 112c2ed081c..d9814078ec9 100644
--- a/src/pages/studyView/table/tables.module.scss
+++ b/src/pages/studyView/table/tables.module.scss
@@ -63,10 +63,13 @@ $study-view-table-icon-size: 10px;
         display: none;
     }
 
+    %addGeneUIHover {
+        display: flex !important;
+        opacity: 0.5;
+    }
     &:hover {
         .addGeneUI {
-            display: flex !important;
-            opacity: 0.5;
+            @extend %addGeneUIHover;
         }
     }
     .addGeneUI {
@@ -75,6 +78,9 @@ $study-view-table-icon-size: 10px;
             display: flex !important;
             opacity: 1 !important;
         }
+        &.hover {
+            @extend %addGeneUIHover;
+        }
         padding-left: 3px;
         font-size: 12px;
         color: #55c;
diff --git a/src/pages/studyView/table/tables.module.scss.d.ts b/src/pages/studyView/table/tables.module.scss.d.ts
index 10e37fc6f4c..19db9d55ebe 100644
--- a/src/pages/studyView/table/tables.module.scss.d.ts
+++ b/src/pages/studyView/table/tables.module.scss.d.ts
@@ -22,6 +22,7 @@ declare const styles: {
   readonly "highlightedEvenRow": string;
   readonly "highlightedOddRow": string;
   readonly "highlightedRow": string;
+  readonly "hover": string;
   readonly "intersection": string;
   readonly "labelContent": string;
   readonly "labelContentSVG": string;