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

Responsive field width in dialogs

    XMLWordPrintable

Details

    • Bug
    • Resolution: Fixed
    • Neutral
    • 6.1
    • None
    • dialogs
    • 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. 

      Checklists

        Acceptance criteria

        Attachments

          Issue Links

            Activity

              People

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

                Dates

                  Created:
                  Updated:
                  Resolved:

                  Checklists

                    Bug DoR
                    Task DoD

                    Time Tracking

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