cant confirm modal-size-issue (macos).

firefox

safari

Layout is using jviewport-width60 instead of jviewport-width80, which sets the modal to 60% of the viewport width.

.modal-dialog.jviewport-width60 {
width: 60vw;
max-width: none;
}

Changing the modal to use jviewport-width80 for smaller screens would resolve the issue.

The modal also has a height setting locked in that sees the menu tree overflow off the bottom of the modal as it uses 50vh.

.jviewport-height50 {
height: 50vh;
}


Additionally, same problem occurs when you click on Manage Folders

Mobile is also a problem:

Proposed solution

• Change the two modals to use jviewport-width80 and jviewport-height70
• Add a max-height:65vh value to .tree-holder to stop the overflow.

That would look like following at 1920x1080.

And this at 1366x768

Issue confirmed here on Firefox.
Also for Manage Folders where Close and Delete buttons are broken.
Please propose patch

Duplicate of #30954

Closing as we have a PR #31037