From a3e61fc6ca0400be89f187e0fb536fcae3792c1d Mon Sep 17 00:00:00 2001
From: AndiMajore <andi.majore@googlemail.com>
Date: Mon, 20 Jun 2022 19:25:32 +0200
Subject: [PATCH] fixed tooltips
---
.../analysis-panel/analysis-panel.component.html | 4 ++--
.../drug-table/drug-table.component.html | 2 +-
.../prot-table/prot-table.component.html | 2 +-
.../dataset-tile/dataset-tile.component.html | 2 +-
.../components/info-tile/info-tile.component.html | 4 ++--
.../network-menu-left.component.html | 8 ++++----
.../toggle-inplace-reversed.component.html | 2 +-
.../network-menu/network-menu.component.html | 8 ++++----
.../toggle-inplace/toggle-inplace.component.html | 4 ++--
.../query-tile/query-tile.component.html | 2 +-
.../components/task-list/task-list.component.html | 2 +-
src/app/components/toggle/toggle.component.html | 4 ++--
.../add-expressed-proteins.component.html | 6 +++---
.../custom-proteins/custom-proteins.component.html | 6 +++---
.../launch-analysis/launch-analysis.component.html | 4 ++--
.../explorer-page/explorer-page.component.html | 14 +++++++-------
16 files changed, 37 insertions(+), 37 deletions(-)
diff --git a/src/app/components/analysis-panel/analysis-panel.component.html b/src/app/components/analysis-panel/analysis-panel.component.html
index 63a732a8..76655a32 100644
--- a/src/app/components/analysis-panel/analysis-panel.component.html
+++ b/src/app/components/analysis-panel/analysis-panel.component.html
@@ -241,7 +241,7 @@
<button
class="button is-rounded has-tooltip is-small"
pTooltip="Normalize the scores"
- [tooltipStyleClass]="'drgstn drgstn-tooltip'"
+ [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'"
tooltipPosition="top"
[class.is-primary]="tableNormalize"
(click)="toggleNormalization(true)"
@@ -257,7 +257,7 @@
<button
class="button is-rounded has-tooltip is-small"
pTooltip="Disable normalization of the scores."
- [tooltipStyleClass]="'drgstn drgstn-tooltip'"
+ [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'"
tooltipPosition="top"
[class.is-primary]="!tableNormalize"
(click)="toggleNormalization(false)"
diff --git a/src/app/components/analysis-panel/drug-table/drug-table.component.html b/src/app/components/analysis-panel/drug-table/drug-table.component.html
index f26a224e..2e25f2dc 100644
--- a/src/app/components/analysis-panel/drug-table/drug-table.component.html
+++ b/src/app/components/analysis-panel/drug-table/drug-table.component.html
@@ -24,7 +24,7 @@
<th *ngIf="tableHasScores" [pSortableColumn]="'score'">
Score
<span class="has-tooltip tooltip-button has-text-info question-icon"
- [pTooltip]="tableDrugScoreTooltip" [tooltipStyleClass]="'drgstn drgstn-tooltip'" tooltipPosition="top">
+ [pTooltip]="tableDrugScoreTooltip" [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'" tooltipPosition="top">
<fa-icon [icon]="faQuestionCircle" class="icon"></fa-icon>
</span>
<p-sortIcon [field]="'score'"></p-sortIcon>
diff --git a/src/app/components/analysis-panel/prot-table/prot-table.component.html b/src/app/components/analysis-panel/prot-table/prot-table.component.html
index c44cba8f..df7b8b9a 100644
--- a/src/app/components/analysis-panel/prot-table/prot-table.component.html
+++ b/src/app/components/analysis-panel/prot-table/prot-table.component.html
@@ -21,7 +21,7 @@
<th *ngIf="tableHasScores" [pSortableColumn]="'score'">
Score
<span class="question-icon has-text-info has-tooltip tooltip-button"
- [pTooltip]="tableProteinScoreTooltip" [tooltipStyleClass]="'drgstn drgstn-tooltip'" tooltipPosition="top">
+ [pTooltip]="tableProteinScoreTooltip" [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'" tooltipPosition="top">
<fa-icon [icon]="faQuestionCircle" class="icon"></fa-icon>
</span>
<p-sortIcon [field]="'score'"></p-sortIcon>
diff --git a/src/app/components/dataset-tile/dataset-tile.component.html b/src/app/components/dataset-tile/dataset-tile.component.html
index b609209b..ed4a498c 100644
--- a/src/app/components/dataset-tile/dataset-tile.component.html
+++ b/src/app/components/dataset-tile/dataset-tile.component.html
@@ -1,6 +1,6 @@
<div class="content">
<ng-select [items]="datasetItems" bindLabel="label" [virtualScroll]="true" class="custom"
- placeholder="Select..." [ngModel]="selectedDataset" (ngModelChange)="select($event)" pTooltip="Choose the dataset you want to explore." [tooltipStyleClass]="'drgstn drgstn-tooltip'" tooltipPosition="top">
+ placeholder="Select..." [ngModel]="selectedDataset" (ngModelChange)="select($event)" pTooltip="Choose the dataset you want to explore." [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'" tooltipPosition="top">
<ng-template ng-option-tmp let-item="item">
{{item.strains}} <br/>
<small>{{item.datasetNames}}</small>
diff --git a/src/app/components/info-tile/info-tile.component.html b/src/app/components/info-tile/info-tile.component.html
index 037a9e01..744580ef 100644
--- a/src/app/components/info-tile/info-tile.component.html
+++ b/src/app/components/info-tile/info-tile.component.html
@@ -93,8 +93,8 @@
<span
class="icon has-text-info"
pTooltip="Tissue expression data is provided by the GTEx project. Unit is transcript per million."
- [tooltipStyleClass]="'drgstn drgstn-tooltip'"
- tooltipPosition="top"
+ [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-left'"
+ tooltipPosition="left"
><i class="fas fa-info-circle"></i
></span>
</p>
diff --git a/src/app/components/network/network-menu-left/network-menu-left.component.html b/src/app/components/network/network-menu-left/network-menu-left.component.html
index e64e241a..8dcfff7f 100644
--- a/src/app/components/network/network-menu-left/network-menu-left.component.html
+++ b/src/app/components/network/network-menu-left/network-menu-left.component.html
@@ -39,8 +39,8 @@
(click)="networkHandler.activeNetwork.toImage()"
class="button is-primary is-rounded has-tooltip"
pTooltip="Take a screenshot of the current network."
- [tooltipStyleClass]="'drgstn drgstn-tooltip'"
- tooltipPosition="top"
+ [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-right'"
+ tooltipPosition="right"
[ngClass]="{
'is-small': drugstoneConfig.smallStyle
}"
@@ -87,8 +87,8 @@
aria-haspopup="true"
aria-controls="dropdown-menu"
pTooltip="Tissue expression data is provided by the GTEx project."
- [tooltipStyleClass]="'drgstn drgstn-tooltip'"
- tooltipPosition="top"
+ [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-right'"
+ tooltipPosition="right"
[ngClass]="{
'is-small': drugstoneConfig.smallStyle
}"
diff --git a/src/app/components/network/network-menu-left/toggle-inplace-reversed/toggle-inplace-reversed.component.html b/src/app/components/network/network-menu-left/toggle-inplace-reversed/toggle-inplace-reversed.component.html
index e40f39af..ed50dc7d 100644
--- a/src/app/components/network/network-menu-left/toggle-inplace-reversed/toggle-inplace-reversed.component.html
+++ b/src/app/components/network/network-menu-left/toggle-inplace-reversed/toggle-inplace-reversed.component.html
@@ -1,7 +1,7 @@
<button
class="button is-rounded has-tooltip"
[pTooltip]="tooltip"
- [tooltipStyleClass]="'drgstn drgstn-tooltip'"
+ [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-right'"
tooltipPosition="right"
(click)="toggle()"
[ngClass]="{
diff --git a/src/app/components/network/network-menu/network-menu.component.html b/src/app/components/network/network-menu/network-menu.component.html
index 0d3d9b43..5a9b5a1f 100644
--- a/src/app/components/network/network-menu/network-menu.component.html
+++ b/src/app/components/network/network-menu/network-menu.component.html
@@ -39,8 +39,8 @@
(click)="networkHandler.activeNetwork.toImage()"
class="button is-primary is-rounded has-tooltip"
pTooltip="Take a screenshot of the current network."
- [tooltipStyleClass]="'drgstn drgstn-tooltip'"
- tooltipPosition="top"
+ [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-left'"
+ tooltipPosition="left"
[ngClass]="{
'is-small': drugstoneConfig.smallStyle
}"
@@ -87,8 +87,8 @@
aria-haspopup="true"
aria-controls="dropdown-menu"
pTooltip="Tissue expression data is provided by the GTEx project."
- [tooltipStyleClass]="'drgstn drgstn-tooltip'"
- tooltipPosition="top"
+ [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-left'"
+ tooltipPosition="left"
[ngClass]="{
'is-small': drugstoneConfig.smallStyle
}"
diff --git a/src/app/components/network/network-menu/toggle-inplace/toggle-inplace.component.html b/src/app/components/network/network-menu/toggle-inplace/toggle-inplace.component.html
index a15950de..7d3765af 100644
--- a/src/app/components/network/network-menu/toggle-inplace/toggle-inplace.component.html
+++ b/src/app/components/network/network-menu/toggle-inplace/toggle-inplace.component.html
@@ -1,7 +1,7 @@
<button
class="button is-rounded has-tooltip"
[pTooltip]="tooltip"
- [tooltipStyleClass]="'drgstn drgstn-tooltip'"
+ [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-left'"
tooltipPosition="left"
(click)="toggle()"
[ngClass]="{
@@ -21,4 +21,4 @@
<span *ngIf="value" class="icon is-small">
<i class="fa {{ iconOn }}"></i>
</span>
-</button>
\ No newline at end of file
+</button>
diff --git a/src/app/components/query-tile/query-tile.component.html b/src/app/components/query-tile/query-tile.component.html
index 9ad4bf80..9004f77d 100644
--- a/src/app/components/query-tile/query-tile.component.html
+++ b/src/app/components/query-tile/query-tile.component.html
@@ -9,7 +9,7 @@
[searchFn]="querySearch"
(change)="select($event)"
pTooltip="Find nodes in the network."
- [tooltipStyleClass]="'drgstn drgstn-tooltip'"
+ [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'"
tooltipPosition="top"
>
<ng-template ng-option-tmp let-item="item">
diff --git a/src/app/components/task-list/task-list.component.html b/src/app/components/task-list/task-list.component.html
index 6902950f..f26d3898 100644
--- a/src/app/components/task-list/task-list.component.html
+++ b/src/app/components/task-list/task-list.component.html
@@ -97,7 +97,7 @@
*ngIf="task.info.done"
(click)="open(task.token)"
pTooltip="Show analysis results"
- [tooltipStyleClass]="'drgstn drgstn-tooltip'"
+ [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'"
tooltipPosition="top"
>
<div class="columns mb-0">
diff --git a/src/app/components/toggle/toggle.component.html b/src/app/components/toggle/toggle.component.html
index 28194515..04ac5c1b 100644
--- a/src/app/components/toggle/toggle.component.html
+++ b/src/app/components/toggle/toggle.component.html
@@ -4,7 +4,7 @@
class="button is-rounded has-tooltip"
[pTooltip]="tooltipOn"
[disabled]="disabled"
- [tooltipStyleClass]="'drgstn drgstn-tooltip'"
+ [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'"
tooltipPosition="top"
[class.is-primary]="value"
(click)="toggle(true)"
@@ -21,7 +21,7 @@
class="button is-rounded has-tooltip"
[pTooltip]="tooltipOff"
[disabled]="disabled"
- [tooltipStyleClass]="'drgstn drgstn-tooltip'"
+ [tooltipStyleClass]="'drgstn drgstn-tooltip-top'"
tooltipPosition="top"
[class.is-primary]="!value"
(click)="toggle(false)"
diff --git a/src/app/dialogs/add-expressed-proteins/add-expressed-proteins.component.html b/src/app/dialogs/add-expressed-proteins/add-expressed-proteins.component.html
index 2c2d7043..9f325a8b 100644
--- a/src/app/dialogs/add-expressed-proteins/add-expressed-proteins.component.html
+++ b/src/app/dialogs/add-expressed-proteins/add-expressed-proteins.component.html
@@ -37,7 +37,7 @@
</section>
<footer class="modal-card-foot">
<button (click)="addProteins();" class="button is-success is-rounded has-tooltip"
- pTooltip="Add all to the selection." [tooltipStyleClass]="'drgstn drgstn-tooltip'" tooltipPosition="top"
+ pTooltip="Add all to the selection." [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'" tooltipPosition="top"
[disabled]="proteins.length === 0 || !selectedTissue || loading">
<span class="icon">
<i class="fas fa-plus"></i>
@@ -47,7 +47,7 @@
</span>
</button>
<button (click)="addVisibleProteins();" class="button is-success is-rounded has-tooltip"
- pTooltip="Add to selection if they appear in the current network." [tooltipStyleClass]="'drgstn drgstn-tooltip'" tooltipPosition="top"
+ pTooltip="Add to selection if they appear in the current network." [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'" tooltipPosition="top"
[disabled]="proteins.length === 0 || !selectedTissue || loading">
<span class="icon">
<i class="fas fa-expand"></i>
@@ -56,7 +56,7 @@
Select proteins ({{proteins.length}})
</span>
</button>
- <button (click)="close()" class="button is-rounded has-tooltip" pTooltip="Close the current window." [tooltipStyleClass]="'drgstn drgstn-tooltip'" tooltipPosition="top">
+ <button (click)="close()" class="button is-rounded has-tooltip" pTooltip="Close the current window." [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'" tooltipPosition="top">
Close
</button>
</footer>
diff --git a/src/app/dialogs/custom-proteins/custom-proteins.component.html b/src/app/dialogs/custom-proteins/custom-proteins.component.html
index 18e1166a..2b9cd947 100644
--- a/src/app/dialogs/custom-proteins/custom-proteins.component.html
+++ b/src/app/dialogs/custom-proteins/custom-proteins.component.html
@@ -43,7 +43,7 @@
</section>
<footer class="modal-card-foot">
<button (click)="addProteins();" class="button is-success is-rounded has-tooltip"
- pTooltip="Add all to the selection." [tooltipStyleClass]="'drgstn drgstn-tooltip'" tooltipPosition="top"
+ pTooltip="Add all to the selection." [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'" tooltipPosition="top"
[disabled]="proteins.length === 0 || loading">
<span class="icon">
<i class="fa fa-plus"></i>
@@ -53,7 +53,7 @@
</span>
</button>
<button (click)="addVisibleProteins();" class="button is-success is-rounded has-tooltip"
- pTooltip="Add to selection if they appear in the current network." [tooltipStyleClass]="'drgstn drgstn-tooltip'" tooltipPosition="top"
+ pTooltip="Add to selection if they appear in the current network." [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'" tooltipPosition="top"
[disabled]="proteins.length === 0 || loading">
<span class="icon">
<i class="fas fa-expand"></i>
@@ -62,7 +62,7 @@
Select
</span>
</button>
- <button (click)="close()" class="button is-rounded has-tooltip" pTooltip="Close the current window." [tooltipStyleClass]="'drgstn drgstn-tooltip'" tooltipPosition="top">Close
+ <button (click)="close()" class="button is-rounded has-tooltip" pTooltip="Close the current window." [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'" tooltipPosition="top">Close
</button>
</footer>
</div>
diff --git a/src/app/dialogs/launch-analysis/launch-analysis.component.html b/src/app/dialogs/launch-analysis/launch-analysis.component.html
index 317d61cd..2c42c59c 100644
--- a/src/app/dialogs/launch-analysis/launch-analysis.component.html
+++ b/src/app/dialogs/launch-analysis/launch-analysis.component.html
@@ -455,7 +455,7 @@
<footer class="modal-card-foot">
<button (click)="startTask(); close()" class="button is-success is-rounded has-tooltip"
- pTooltip="Run the analysis." [tooltipStyleClass]="'drgstn drgstn-tooltip'" tooltipPosition="top"
+ pTooltip="Run the analysis." [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'" tooltipPosition="top"
[disabled]="!analysis.canLaunchTask()">
<span class="icon">
<i class="fa fa-rocket"></i>
@@ -464,7 +464,7 @@
Launch
</span>
</button>
- <button (click)="close()" class="button is-rounded has-tooltip" pTooltip="Close the current window." [tooltipStyleClass]="'drgstn drgstn-tooltip'" tooltipPosition="top">Close
+ <button (click)="close()" class="button is-rounded has-tooltip" pTooltip="Close the current window." [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'" tooltipPosition="top">Close
</button>
</footer>
</div>
diff --git a/src/app/pages/explorer-page/explorer-page.component.html b/src/app/pages/explorer-page/explorer-page.component.html
index 996b7169..699e0865 100644
--- a/src/app/pages/explorer-page/explorer-page.component.html
+++ b/src/app/pages/explorer-page/explorer-page.component.html
@@ -250,7 +250,7 @@
[disabled]="analysis.isLaunchingQuick()"
class="button is-white is-rounded has-tooltip quick-start-btn"
pTooltip="Find drugs for all proteins."
- [tooltipStyleClass]="'drgstn drgstn-tooltip'"
+ [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'"
tooltipPosition="top"
>
<span class="icon quick-icon">
@@ -342,7 +342,7 @@
"
class="button is-white is-rounded quick-start-btn drugs-btn"
pTooltip="Find drugs for the selected proteins."
- [tooltipStyleClass]="'drgstn drgstn-tooltip'"
+ [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'"
tooltipPosition="top"
>
<span class="icon quick-icon">
@@ -404,7 +404,7 @@
<div
class="control"
pTooltip="Find drug targets for the selected proteins."
- [tooltipStyleClass]="'drgstn drgstn-tooltip'"
+ [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'"
tooltipPosition="top"
>
<button
@@ -427,7 +427,7 @@
<div
class="control"
pTooltip="Find drugs for the selected proteins."
- [tooltipStyleClass]="'drgstn drgstn-tooltip'"
+ [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'"
tooltipPosition="top"
>
<button
@@ -455,7 +455,7 @@
target="_blank"
class="button is-primary is-fullwidth is-rounded has-tooltip"
pTooltip="Use enrichment analysis via g:Profiler (external)."
- [tooltipStyleClass]="'drgstn drgstn-tooltip'"
+ [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'"
tooltipPosition="top"
>
<span class="icon">
@@ -472,7 +472,7 @@
disabled
class="button is-primary is-fullwidth is-rounded has-tooltip"
pTooltip="Use enrichment analysis via g:Profiler (external)."
- [tooltipStyleClass]="'drgstn drgstn-tooltip'"
+ [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'"
tooltipPosition="top"
>
<span class="icon">
@@ -530,7 +530,7 @@
"
class="card-footer-item has-text-danger"
pTooltip="Delete all tasks."
- [tooltipStyleClass]="'drgstn drgstn-tooltip'"
+ [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-top'"
tooltipPosition="top"
>
<span class="icon">
--
GitLab