Fix search checkboxes in study sv pane when hovering

cBioPortal · Jun 8, 2023 · 57f7d19 · 57f7d19
1 parent d009506
commit 57f7d19
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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;