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

Support multi-line labels in dialogs (again)

    XMLWordPrintable

    Details

      Description

      To fix rendering issues with long labels, we're currently truncating them (MGNLUI-2548). This was mainly to provide a working solution for several support cases.

      One of the reasons preventing us to just wrap texts were the in-line validation messages. These, however, are currently not according to design: they should not extend into the column occupied by the labels (MGNLUI-2749). As soon as that issue is fixed, we should enable multi-line labels again and only truncate them, if they extend to more than 3 lines of texts.

      To summarize, having well working, multi-line labels requires us to:

      1. Have shorter form error and warning validation messages, as per their original design. This makes space for the actual labels.
      2. Allow labels to go over multiple lines again; we take 3 lines as a maximum. We have to make sure they have a properly spaced right margin. After three lines, we shorten the labels.
      3. A tooltip keeps appearing over shortened labels (it always appears currently) on mouse-over.
      4. Optionally, we always show the tooltip on click/tap to allow this to work on touch devices as well.

        Checklists

        Acceptance criteria

          Attachments

            Issue Links

              Activity

                People

                Assignee:
                Unassigned Unassigned
                Reporter:
                weder Andreas Weder
                Votes:
                2 Vote for this issue
                Watchers:
                4 Start watching this issue

                  Dates

                  Created:
                  Updated:
                  Resolved:
                  Date of First Response:

                    Checklists

                    DoD