dashboard #1
@@ -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>
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user