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

Implement more compact look for dialogs

    XMLWordPrintable

Details

    • Bug
    • Resolution: Fixed
    • Neutral
    • 5.0
    • None
    • dialogs

    Description

      During a review with the goal to implement a more compact look for Magnolia's new UI, we've also defined a slightly more compact appearance for forms. This issue is about implementing these changes.

      The changes are:

      • header and footer become less high
      • the font size of the dialog title gets smaller
      • the left and right padding in header, footer and body of a dialog become smaller as well
      • note that, as a result of the change of the padding, the padding inside tabs has to change as well.

      You'll find a style guide with the new measurements attached to this issue. You'll also find two screen shots showing the difference: the first shows the original design, the second the more dense, new one.

      Checklists

        Acceptance criteria

        Attachments

          1. Dialog.compact.png
            Dialog.compact.png
            1.56 MB
          2. Dialog.compact.styleguide.png
            Dialog.compact.styleguide.png
            1.58 MB
          3. Dialog.original.png
            Dialog.original.png
            1.46 MB
          4. Dialog review.png
            Dialog review.png
            266 kB

          Issue Links

            Activity

              People

                spenttila Samuli Penttilä
                weder Andreas Weder
                Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:

                  Checklists

                    Bug DoR
                    Task DoD