andi/perfdb
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Activity

define max size for legend

Browse Source
This commit is contained in:
Andreas Huber
2023-10-01 14:33:52 +02:00
parent fefc7411c1
commit a64e851c33
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
pdb-js/src/app/plot-view/plot-view.component.html
View File

@@ -1,7 +1,7 @@
<!----> <!---->
<div cdkDrag <div cdkDrag
[ngClass]="{'hidden': !imageUrl || showStats}" [ngClass]="{'hidden': !imageUrl || showStats || dataSeries().length == 0}"
class="plot-view--legend" class="plot-view--legend"
[cdkDragFreeDragPosition]="legendInitialPosition"> [cdkDragFreeDragPosition]="legendInitialPosition">
<div cdkDragHandle></div> <div cdkDragHandle></div>

4
pdb-js/src/app/plot-view/plot-view.component.scss
View File

@@ -36,6 +36,9 @@ img {
0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
0 1px 5px 0 rgba(0, 0, 0, 0.12); 0 1px 5px 0 rgba(0, 0, 0, 0.12);
background-color: white; background-color: white;
max-height: 30em;
overflow: auto;
max-width: 60em;
} }
.plot-view--legend:active { .plot-view--legend:active {
@@ -46,6 +49,7 @@ img {
.plot-view--legend div[cdkDragHandle] { .plot-view--legend div[cdkDragHandle] {
visibility: hidden; visibility: hidden;
height: 1.2rem; height: 1.2rem;
flex-shrink: 0;
} }
.plot-view--legend:hover div[cdkDragHandle] { .plot-view--legend:hover div[cdkDragHandle] {