From a64e851c3375b07893208abbeb74e7e864bf38e5 Mon Sep 17 00:00:00 2001
From: Andreas Huber <andreas.huber@lucares.de>
Date: Sun, 1 Oct 2023 14:33:52 +0200
Subject: [PATCH] define max size for legend

---
 pdb-js/src/app/plot-view/plot-view.component.html | 2 +-
 pdb-js/src/app/plot-view/plot-view.component.scss | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/pdb-js/src/app/plot-view/plot-view.component.html b/pdb-js/src/app/plot-view/plot-view.component.html
index 626cbe0..9b08568 100644
--- a/pdb-js/src/app/plot-view/plot-view.component.html
+++ b/pdb-js/src/app/plot-view/plot-view.component.html
@@ -1,7 +1,7 @@
 
 <!---->
 <div cdkDrag 
-    [ngClass]="{'hidden': !imageUrl || showStats}" 
+    [ngClass]="{'hidden': !imageUrl || showStats || dataSeries().length == 0}" 
     class="plot-view--legend" 
     [cdkDragFreeDragPosition]="legendInitialPosition">
   <div cdkDragHandle></div>
diff --git a/pdb-js/src/app/plot-view/plot-view.component.scss b/pdb-js/src/app/plot-view/plot-view.component.scss
index 6b92e4e..78a3f79 100644
--- a/pdb-js/src/app/plot-view/plot-view.component.scss
+++ b/pdb-js/src/app/plot-view/plot-view.component.scss
@@ -36,6 +36,9 @@ img {
               0 2px 2px 0 rgba(0, 0, 0, 0.14),
               0 1px 5px 0 rgba(0, 0, 0, 0.12);
   background-color: white;
+  max-height: 30em;
+  overflow: auto;
+  max-width: 60em;
 }
 
 .plot-view--legend:active {
@@ -46,6 +49,7 @@ img {
 .plot-view--legend div[cdkDragHandle] {
   visibility: hidden;
   height: 1.2rem;
+  flex-shrink: 0;
 }
 
 .plot-view--legend:hover div[cdkDragHandle] {