[MGNLUI-5956] Add wide property to M6 dialog definitions Created: 11/Jun/20  Updated: 13/Jan/21  Resolved: 29/Jun/20

Status: Closed
Project: Magnolia UI
Component/s: dialogs
Affects Version/s: 6.2.1
Fix Version/s: 6.2.2

Type: Improvement Priority: Neutral
Reporter: Tomáš Gregovský Assignee: Quach Hao Thien
Resolution: Fixed Votes: 1
Labels: 62-UI-1, maintenance
Remaining Estimate: 0d
Time Spent: 0.25d
Original Estimate: Not Specified

Attachments: PNG File Screenshot 2020-06-11 at 10.46.12.png    
Issue Links:
Problem/Incident
causes MGNLUI-6091 New dialogs have wide property again,... Closed
Relates
relates to MGNLUI-5808 Provide dialog widths medium and small Closed
relates to MGNLUI-5957 multivalue composite field is hard to... Closed
causality
dependency
is depended upon by MGNLUI-5792 Add expand option to dialogs - horizo... Closed
relation
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Release notes required:
Yes
Documentation update required:
Yes
Date of First Response:
Epic Link: Dialog UX improvements
Sprint: Maintenance 13
Story Points: 3

 Description   

MGNLUI-5426 has harmonized dialogs and set their width to be fixed at 740px. That width is too small when using complex layouts. Examples can be found here and on linked tickets.

The M5 UI framework provided an option to set dialogs to be wide and hence take all the horizontal space available:

wide: true

Details:
https://documentation.magnolia-cms.com/display/DOCS61/Dialog+definition

That option is currently missing and should be brought back. This is the first step of improvement. The second step is filed as MGNLUI-5808 and the third step as MGNLUI-5792.

AC

  • When using the
    wide: true

    property, the dialog open in wide mode using all available horizontal space (including 20px left/right spacing)

  • No changes to flexible height and min. height (as it is with current default dialogs)


 Comments   
Comment by Roman Kovařík [ 28/Jul/20 ]

Commit: https://git.magnolia-cms.com/projects/PLATFORM/repos/ui/commits/64d918924f6a9c811c4ddfde5c28e84a69e23725

Generated at Mon Feb 12 09:31:43 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.