Enhancement: wrapping of saved view fields d-n-d UI ()

This commit is contained in:
shamoon 2024-07-10 20:14:59 -07:00 committed by GitHub
parent 9af879a2bf
commit 9e2bf4820a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 8 additions and 11 deletions

@ -1513,9 +1513,10 @@
} }
}, },
"node_modules/@angular/cdk": { "node_modules/@angular/cdk": {
"version": "18.0.6", "version": "18.1.0",
"resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-18.0.6.tgz", "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-18.1.0.tgz",
"integrity": "sha512-9CmlQ8uZ0cHuj+1jDdabbFw90QpjrJzh1/cgeHN/8vAGE4ranxX3l6cqpVxuoWRLkB2ykTHt2xeoTM8y0d9ERA==", "integrity": "sha512-GWUyJQ7KdOS0WwQPp7UKnRd7lUKvOrMvktqNWfSxBy/VEdyEeKlXfghk6GQ4u1RXFZ2RU0m1KhX8rY9srYJOwA==",
"license": "MIT",
"dependencies": { "dependencies": {
"tslib": "^2.3.0" "tslib": "^2.3.0"
}, },

@ -348,7 +348,7 @@
@for (view of savedViews; track view) { @for (view of savedViews; track view) {
<li class="list-group-item py-3"> <li class="list-group-item py-3">
<div [formGroupName]="view.id" class="row"> <div [formGroupName]="view.id">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<pngx-input-text title="Name" formControlName="name"></pngx-input-text> <pngx-input-text title="Name" formControlName="name"></pngx-input-text>

@ -13,10 +13,10 @@
} }
</div> </div>
</div> </div>
<div class="d-flex flex-row mt-2 align-items-center bg-light p-2"> <div class="mt-2 align-items-center bg-light p-2">
<div class="d-flex flex-row gap-2 w-100 mh-1" style="min-height: 1em;" <div class="d-flex flex-wrap flex-row gap-2 w-100"
cdkDropList #unselectedList="cdkDropList" cdkDropList #unselectedList="cdkDropList"
cdkDropListOrientation="horizontal" cdkDropListOrientation="mixed"
(cdkDropListDropped)="drop($event)" (cdkDropListDropped)="drop($event)"
[cdkDropListConnectedTo]="[selectedList]"> [cdkDropListConnectedTo]="[selectedList]">
@for (item of unselectedItems; track item.id) { @for (item of unselectedItems; track item.id) {

@ -1,7 +1,3 @@
.badge { .badge {
cursor: move; cursor: move;
} }
.d-flex {
overflow-x: scroll;
}