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

Horizontal radiobutton options are misaligned

    XMLWordPrintable

Details

    • Improvement
    • Resolution: Won't Do
    • Neutral
    • None
    • 6.2.4
    • None
    • None

    Description

      Go to the Messages app and observe the alignment of types of messages.

      Current situation

      Desired situation (needs clarification from avongunten)

      • Align items with the label. UX: should the bottom of the label match the bottom of the options' text? Or should they align by center? The fonts have different sizes.
      • What should happen when the options overflow horizontally? Should the overflowing options wrap to the next line? What spacing between these lines? Or 
      • Items should be aligned with each other.
        • The Valo theme causes this. It has .v-checkbox:last-child  set to  margin-bottom: 5px; 
           and same for first-child, but top. They only care about positioning these on the vertical axis. We need styling for how these should occur horizontally.

       

      Checklists

        Acceptance criteria

        Attachments

          Issue Links

            Activity

              People

                avongunten Anja von Gunten
                sdemocko Šimon Demočko
                Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:

                  Checklists

                    Task DoD

                    Time Tracking

                      Estimated:
                      Original Estimate - Not Specified
                      Not Specified
                      Remaining:
                      Remaining Estimate - Not Specified
                      Not Specified
                      Logged:
                      Time Spent - 0.5h
                      0.5h