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

experiment with different dragHandle positions

Browse Source
This commit is contained in:
Andreas Huber
2023-03-11 15:24:39 +01:00
parent e3945a4d33
commit b56b4c231e
2 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
pdb-js/src/app/dashboard-page/dashboard/dashboard.component.html
View File

@@ -32,6 +32,14 @@
.editable:hover .editable-hovered { .editable:hover .editable-hovered {
visibility: visible; visibility: visible;
} }
.handle {
height: 1.5em;
}
[cdkDrag]:hover .handle, .cdk-drop-list-dragging .handle {
background-color: #f3f3f3;
border-radius: 3px;
cursor: grab;
}
</style> </style>
<div *ngIf="dashboard === undefined && !error" class="center"> <div *ngIf="dashboard === undefined && !error" class="center">
@@ -64,6 +72,7 @@
cdkDrag cdkDrag
*ngFor="let id of column" *ngFor="let id of column"
[attr.widget-id]="id"> [attr.widget-id]="id">
<div cdkDragHandle class="handle"></div>
<app-text-widget <app-text-widget
*ngIf="isTextWidget(id)" *ngIf="isTextWidget(id)"
[data]="getTextWidget(id)!"></app-text-widget> [data]="getTextWidget(id)!"></app-text-widget>

2
pdb-js/src/app/dashboard-page/dashboard/text-widget/text-widget.component.html
View File

@@ -7,7 +7,7 @@
padding: 1em 0; padding: 1em 0;
} }
.text-widget:hover { .text-widget:hover {
outline: solid 1px black; /*outline: solid 1px black;/**/
border-radius: 3px; border-radius: 3px;
} }