From b56b4c231ecacbd866459115cb2cb3b5aaf9e634 Mon Sep 17 00:00:00 2001
From: Andreas Huber <andreas.huber@lucares.de>
Date: Sat, 11 Mar 2023 15:24:39 +0100
Subject: [PATCH] experiment with different dragHandle positions

---
 .../dashboard-page/dashboard/dashboard.component.html    | 9 +++++++++
 .../dashboard/text-widget/text-widget.component.html     | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/pdb-js/src/app/dashboard-page/dashboard/dashboard.component.html b/pdb-js/src/app/dashboard-page/dashboard/dashboard.component.html
index 3faa1ac..f5e6705 100644
--- a/pdb-js/src/app/dashboard-page/dashboard/dashboard.component.html
+++ b/pdb-js/src/app/dashboard-page/dashboard/dashboard.component.html
@@ -32,6 +32,14 @@
   .editable:hover .editable-hovered {
     visibility: visible;
   }
+  .handle {
+    height: 1.5em;
+  }
+  [cdkDrag]:hover .handle, .cdk-drop-list-dragging .handle {
+    background-color: #f3f3f3;
+    border-radius: 3px;
+    cursor: grab;
+  }
 </style>
 
 <div *ngIf="dashboard === undefined && !error" class="center">
@@ -64,6 +72,7 @@
         cdkDrag 
         *ngFor="let id of column" 
         [attr.widget-id]="id">
+        <div cdkDragHandle class="handle"></div>
         <app-text-widget 
           *ngIf="isTextWidget(id)"
           [data]="getTextWidget(id)!"></app-text-widget>
diff --git a/pdb-js/src/app/dashboard-page/dashboard/text-widget/text-widget.component.html b/pdb-js/src/app/dashboard-page/dashboard/text-widget/text-widget.component.html
index 745c6d5..70afcc6 100644
--- a/pdb-js/src/app/dashboard-page/dashboard/text-widget/text-widget.component.html
+++ b/pdb-js/src/app/dashboard-page/dashboard/text-widget/text-widget.component.html
@@ -7,7 +7,7 @@
     padding: 1em 0;
   }
   .text-widget:hover {
-    outline: solid 1px black;
+    /*outline: solid 1px black;/**/
     border-radius: 3px;
   }