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

Horizontal radiobutton options are misaligned

XMLWordPrintable

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

      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.

       

        Acceptance criteria

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

                Created:
                Updated:
                Resolved:

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