tissue dropdown coloring

src/app/components/analysis-panel/analysis-panel.component.ts

@@ -491,7 +491,7 @@ export class AnalysisPanelComponent implements OnInit, OnChanges {
         nodeDetails.label = nodeDetails.label ? nodeDetails.label : nodeDetails[identifier]
       }
       console.log(nodeDetails)
-      // IMPORTANT we set seeds to "selected" and not to seeds. The user should be inspired to run 
+      // IMPORTANT we set seeds to "selected" and not to seeds. The user should be inspired to run
       // further analysis and the button function can be used to highlight seeds
       // option to use scores[node] as gradient, but sccores are very small
       nodes.push(NetworkSettings.getNodeStyle(nodeDetails as Node, config, false, false, 1))
@@ -513,7 +513,7 @@ export class AnalysisPanelComponent implements OnInit, OnChanges {
       } else {
         this.legendContext = "drug";
       }
-      
+
     } else if (target === 'drug-target') {
       if (this.highlightSeeds) {
         this.legendContext = "drugTargetAndSeeds";
@@ -521,7 +521,7 @@ export class AnalysisPanelComponent implements OnInit, OnChanges {
         this.legendContext = 'drugTarget'
       }
     } else {
-      throw `Could not set legend context based on ${target}.` 
+      throw `Could not set legend context based on ${target}.`
     }
   }
 
@@ -622,7 +622,7 @@ export class AnalysisPanelComponent implements OnInit, OnChanges {
     const addItems = [];
     const removeItems = [];
     console.log(e)
-    
+
     for (const i of this.tableSelectedProteins) {
       const wrapper = getWrapperFromNode(i);
       if (oldSelection.indexOf(i) === -1) {

src/app/pages/explorer-page/explorer-page.component.ts

@@ -60,9 +60,9 @@ export class ExplorerPageComponent implements OnInit, AfterViewInit {
       return;
     }
 
-    // addd settings to config
+    // add settings to config
     const configObj = JSON.parse(config);
-    this.myConfig = merge(this.myConfig, configObj)
+    this.myConfig = merge(this.myConfig, configObj);
 
     // update Drugst.One according to the settings
     // check if config updates affect network
@@ -382,7 +382,6 @@ export class ExplorerPageComponent implements OnInit, AfterViewInit {
           // skip if node is not a protein mapped to backend
           return;
         }
-        console.log(node)
         const wrapper = getWrapperFromNode(node);
         if (this.analysis.inSelection(node)) {
           this.analysis.removeItems([wrapper]);

src/stylesheets/styles.scss

@@ -61,10 +61,8 @@
     padding: 0;
   }
 
-
   .tissue-dropdown {
     padding: 5px;
-    background-color: rgba(255.0, 255.0, 255.0, 0.85);
 
     .scroll-area {
       max-height: 600px;

src/stylesheets/theme-styles.scss

@@ -106,6 +106,13 @@
     color: var(--drgstn-primary) !important;
   }
 
+  a.dropdown-item:hover, button.dropdown-item:hover{
+    background-color: var(--drgstn-panel-secondary)
+  }
+
+  .tissue-dropdown {
+    background-color: var(--drgstn-panel);
+  }
 
   .button.is-primary.is-focused, .button.is-primary:focus {
     background-color: var(--drgstn-primary) !important;