use a drag handle with icon

2023-03-12 17:02:40 +01:00
parent e42c00cc08
commit add30a5ee9
9 changed files with 194 additions and 141 deletions
--- a/pdb-js/src/app/dashboard-page/dashboard/plot-widget/plot-widget.component.html
+++ b/pdb-js/src/app/dashboard-page/dashboard/plot-widget/plot-widget.component.html
@@ -20,7 +20,13 @@
    cursor: zoom-in;
  }

-  .editable-hovered {
+  .top-left {
+    position: absolute;
+    left: 0;
+    top: 0;
+  }
+
+  .top-right {
    position: absolute;
    right: 0;
    top: 0;
@@ -34,7 +40,7 @@
  }
 </style>
 <div class="dashboard-card" [ngClass]="{'size-medium' : true}">
-  <div class="editable-hovered">
+  <div class="editable-hovered top-right">
    <button mat-icon-button (click)="edit()" ><img src="/assets/img/edit-outline.svg"/></button>
    <button mat-icon-button (click)="delete()"><img src="/assets/img/recycle-bin-line.svg"/></button>
  </div>