[MGNLUI-4809] Responsive field width in dialogs Created: 20/Nov/18  Updated: 25/Apr/19  Resolved: 11/Mar/19

Status: Closed
Project: Magnolia UI
Component/s: dialogs
Affects Version/s: None
Fix Version/s: 6.1

Type: Bug Priority: Neutral
Reporter: Antti Hietala Assignee: Jaroslav Simak
Resolution: Fixed Votes: 0
Labels: None
Remaining Estimate: 0d
Time Spent: 0.25d
Original Estimate: Not Specified

Attachments: PNG File field-width-in-dialog.png    
Issue Links:
dependency
is depended upon by MGNLUI-4886 ACL link field widths are unusable in... 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)
Bug DoR:
[ ]* Steps to reproduce, expected, and actual results filled
[ ]* Affected version filled
Epic Link: Resurface finalisation
Sprint: Features 5, Features 6
Story Points: 1

 Description   

Field width in dialogs must adapt to viewport size. Specified in MGNLUI-4649:

Acceptance criteria:

  • Based on 3 screen resolutions…
    • Tablet: 1024px (970px)
    • Desktop: 1440px (1312px)
    • HD: 1920px (1825px)
  • …there are 2 breakpoints
    • BP 1: 1200px
    • BP 2: 1600px
  • For Desktop and HD fields have a fixed width of 683px
  • At BP 1 field widths should downsize to 455px

To reproduce:

  1. Open Pages app.
  2. Select a page and click the Rename page action.
  3. Inspect the field width in the dialog.

Above viewport width 1200px the fields should be 683px wide, not 455px. 


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