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

Twin column styles are not correct when column is empty

    XMLWordPrintable

Details

    • Bug
    • Resolution: Unresolved
    • Neutral
    • None
    • 6.2.15
    • None
    • None

    Description

      Steps to reproduce

      1. Add a twin column field in a dialog.
      2. Open the dialog to create a new item so there's no data in the right column  

      Expected results

      Columns have exactly same size

      Actual results

      The empty column is smaller, which visually affects the user experience. This is more noticeable in Firefox than in Chrome:

      • Chrome
      • Firefox

      Development notes

      The issue occurs when any of the columns is empty, if passing all the elements to the right column then the left column looks smaller.

      As soon as both contains at least one element the size looks fine.

      Checklists

        Acceptance criteria

        Attachments

          Activity

            People

              Unassigned Unassigned
              jayala Jonathan Ayala
              Nucleus
              Votes:
              1 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

                Created:
                Updated:

                Checklists

                  Bug DoR
                  Task DoD