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

Responsive field width in dialogs

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Neutral
    • Resolution: Fixed
    • Affects Version/s: None
    • Fix Version/s: 6.1
    • Component/s: dialogs
    • Labels:
      None

      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. 

        Attachments

          Issue Links

            Activity

              People

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

                Dates

                Created:
                Updated:
                Resolved:

                  Time Tracking

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