From a1e37d6dc1c23e7b797798354860ef632fef65f8 Mon Sep 17 00:00:00 2001
From: AndiMajore <andi.majore@googlemail.com>
Date: Thu, 29 Jul 2021 17:57:09 +0200
Subject: [PATCH] tissue dropdown coloring
---
.../components/analysis-panel/analysis-panel.component.ts | 8 ++++----
src/app/pages/explorer-page/explorer-page.component.ts | 5 ++---
src/stylesheets/styles.scss | 2 --
src/stylesheets/theme-styles.scss | 7 +++++++
4 files changed, 13 insertions(+), 9 deletions(-)
diff --git a/src/app/components/analysis-panel/analysis-panel.component.ts b/src/app/components/analysis-panel/analysis-panel.component.ts
index 23ed1cd4..cc71e65e 100644
--- a/src/app/components/analysis-panel/analysis-panel.component.ts
+++ b/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) {
diff --git a/src/app/pages/explorer-page/explorer-page.component.ts b/src/app/pages/explorer-page/explorer-page.component.ts
index 5a1deefb..3aed5904 100644
--- a/src/app/pages/explorer-page/explorer-page.component.ts
+++ b/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]);
diff --git a/src/stylesheets/styles.scss b/src/stylesheets/styles.scss
index 6b0ae165..33cf6e63 100644
--- a/src/stylesheets/styles.scss
+++ b/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;
diff --git a/src/stylesheets/theme-styles.scss b/src/stylesheets/theme-styles.scss
index 55967b6c..26b914fe 100644
--- a/src/stylesheets/theme-styles.scss
+++ b/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;
--
GitLab