From a03d9fbe64c51836a82cb1518f498d4719d98eef Mon Sep 17 00:00:00 2001
From: AndiMajore <andi.majore@googlemail.com>
Date: Thu, 27 May 2021 23:52:34 +0200
Subject: [PATCH] fixed legend position to lower left
---
.../network-legend/network-legend.component.scss | 2 +-
src/app/pages/explorer-page/explorer-page.component.html | 8 +++-----
2 files changed, 4 insertions(+), 6 deletions(-)
diff --git a/src/app/components/network-legend/network-legend.component.scss b/src/app/components/network-legend/network-legend.component.scss
index eb49be2b..931851e3 100644
--- a/src/app/components/network-legend/network-legend.component.scss
+++ b/src/app/components/network-legend/network-legend.component.scss
@@ -3,7 +3,7 @@
div.legend {
position: absolute;
- bottom: $network-footer-height;
+ bottom: 0;
&.right {
right: 0;
}
diff --git a/src/app/pages/explorer-page/explorer-page.component.html b/src/app/pages/explorer-page/explorer-page.component.html
index cb401dbd..e1d31585 100644
--- a/src/app/pages/explorer-page/explorer-page.component.html
+++ b/src/app/pages/explorer-page/explorer-page.component.html
@@ -103,11 +103,6 @@
<div class="card network">
- <div *ngIf="myConfig.showLegend">
- <app-network-legend [config]="myConfig"></app-network-legend>
- </div>
-
-
<header class="card-header">
<p class="card-header-title">
Protein-Protein Interaction Network
@@ -115,6 +110,9 @@
</header>
<div class="card-content fullheight">
<div class="card-image" id="canvas-content">
+ <div *ngIf="myConfig.showLegend">
+ <app-network-legend [config]="myConfig"></app-network-legend>
+ </div>
<div class="parent fullheight">
<div class="center image1 fullheight" #network>
<button class="button is-loading center" alt="loading...">Loading</button>
--
GitLab