feat: drag-resizing of dashboard items #7791
Conversation
tomivirkki
force-pushed
the
feat/dashboard-widget-drag-resize
branch
from
adee4b4 to
8c5db8d
Compare
|
When the widget height gets lower, the resize handle can overlap the drag handle. Although I am not sure if this would create any problems with real widgets since it is unlikely that the widgets would get so short. |
Note that there's no design yet for how the widgets are going to look like eventually (where the buttons are, Lumo/Material...) so I haven't invested much on perfecting the layout either. This PR is mainly about the resizing functionality. I added a min-height to the content for now, but we'll need to discuss that also once the designs are available. |
Co-authored-by: Ugur Saglam <106508695+ugur-vaadin@users.noreply.github.com>
|
| } | ||
| } | ||
|
|
||
| cleanup() { |
There was a problem hiding this comment.
nit: could use hostConnected, hostDisconnected instead
There was a problem hiding this comment.
Thanks, that's a good tip. Pushed a refactor to use hostDisconnected to clean up the listener
|
This ticket/PR has been released with Vaadin 24.6.0.beta1 and is also targeting the upcoming stable 24.6.0 version. |
Description
Add support for drag resizing of
<vaadin-dashboard>widgetsKapture.2024-09-11.at.12.39.20.mp4
Added API:
dashboard-item-resize-start: Fired when item resizing startsevent.item: The item being resizeddashboard-item-resize-end: Fired when item resizing endsevent.item: The item being resizeddashboard-item-drag-resize: Fired when an item will be resized by draggingevent.item: The item being resizedcolspan: The colspan to be assigned to the itemrowspan: The rowspan to be assigned to the itemFixes https://github.com/orgs/vaadin/projects/70/views/1?pane=issue&itemId=74626094
Part of vaadin/platform#6626
Type of change
Feature