Problem/Motivation

The Luzmo Dashboard widget does not resize responsively, causing layout issues on different screen sizes. Users may experience cut-off or improperly scaled dashboard content when resizing the browser window or viewing on various devices.

Steps to reproduce

1. Add a Luzmo Dashboard widget to a page.
2. View the page on a desktop browser.
3. Resize the browser window or view the page on a mobile device.
4. Observe that the dashboard container does not always adjust its width to fit the new screen size.

Proposed resolution

- Implement a Drupal behavior that attaches a window resize event listener.
- On resize, select all `luzmo-dashboard` elements and set their `.dashboard-container` width to `100%` using JavaScript.

Issue fork luzmo_viewer-3556403

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

p-neyens created an issue. See original summary.

p-neyens opened merge request !6

p-neyens’s picture

p-neyens commented
Assigned: p-neyens » Unassigned
Status: Active » Needs review
p-neyens’s picture

p-neyens commented
Assigned: Unassigned » p-neyens
Status: Needs review » Reviewed & tested by the community

  • p-neyens committed c5978dda on 1.0.x 
    [#3556403] feat: Implement Responsive Behavior for Luzmo Dashboard...
p-neyens’s picture

p-neyens commented
Version: 1.0.x-dev » 1.0.0
Assigned: p-neyens » Unassigned
Status: Reviewed & tested by the community » Fixed

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.