Uploaded image for project: 'Magnolia UI'
  1. Magnolia UI
  2. MGNLUI-4809

Responsive field width in dialogs

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Neutral Neutral
    • 6.1
    • None
    • dialogs
    • None

      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. 

        Acceptance criteria

              jsimak Jaroslav Simak
              ahietala Antti Hietala
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved:

                  Bug DoR
                  Task DoD

                    Estimated:
                    Original Estimate - Not Specified
                    Not Specified
                    Remaining:
                    Remaining Estimate - 0d
                    0d
                    Logged:
                    Time Spent - 0.25d
                    0.25d