diff --git a/src/app/components/analysis-panel/analysis-panel.component.html b/src/app/components/analysis-panel/analysis-panel.component.html
index 63a732a826fba725686ef39c5cfd802f62407d46..76655a32d9336c81deb5bbaf55f5b67324685b39 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 f26a224e105340969668bf2feb55eae3a4281b9e..2e25f2dc5f6a356d1ecd8bb848467aae097a454e 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 c44cba8f5ce9147d66e1919cd5953c3a66c7c989..df7b8b9a15d9874d267659868099570aa85b1438 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 b609209b1c2968b5383cec75896cb6822b2573dc..ed4a498cd875cc649dc91d79e0667fe1549c7a16 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 037a9e01c04676dcf2fac418e2678c658a2bd046..744580ef4303ca5e218da8271e9b1c894b7d0d49 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 e64e241a833cf66db4ec782d3382652fb3a2fc8d..8dcfff7f443ceaed4ad69d12f6518b882fbc9532 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 e40f39af9f94faca67d4b0ba1cfb5db154e94b13..ed50dc7d1650cf49af25b680bca9be727ee2d8e0 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 0d3d9b439d98c92b7d8746a950e4da56b021a9b0..5a9b5a1ffce2cce437d7c5037d11b4a7b6c262dd 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 a15950dee6784d3d7145a63837534196dbcd7d13..7d3765af8d35966962505d96c924727ecb6abd1a 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 9ad4bf805893df29d942c490c60bcd049f46481a..9004f77d81da47f4ed1af405d5b5060bdbcd25d1 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 6902950f966632bc8559c77ee1e4c61d2d9c95f1..f26d389830ca1d4d6975681f1518ccc4ee2c771a 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 2819451506717ab724df4ee10eb9a8ee46ddbc9d..04ac5c1ba2a4d82b960c3a19e2773deee4ab0bb8 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 2c2d7043cf21608bc9299545178107fe102a2e7d..9f325a8b2ec25e3b2ac0121127879a46553d9369 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 18e1166aa3e3fff16afc14d0d393887c31a66a18..2b9cd9475920abb7ac73dc385c58702807b700ad 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 317d61cdace7dc3727632cd31c881bb9a27b77dd..2c42c59c6ad0bbb5e413a873e76a6eb68f3b5be8 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 996b7169156baca3c56d256a48fa3423a1b52188..699e0865686c4f523cc89bd0c84ae4502a33294c 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">