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

Resurface field types: tag field - styles and layout behavior

    XMLWordPrintable

Details

    • Story
    • Resolution: Done
    • Neutral
    • 6.0
    • None
    • None
    • None
    • Saigon 158
    • 3

    Description

      Apply Resurface style to content tags and verify that layout works correctly in grid/treetable and form field.

      Acceptance criteria:

      • Tags are styled as in mockups.
      • Expected tag layout behavior in grid:
        • single line, no wrapping, hide overflow when tags don't fit the column.
      • Expected tag behavior in a form field:
        • multiline, wrap on overflow, expand field height.

      Notes

      Screenshots above are from Magnolia 5. Styles are different in Magnolia 6!

      Current tag style in grid:

      .v-widget.tokenfield.tags-column .v-csslayout {
       white-space: nowrap;
       overflow: hidden;
      

      Checklists

        Acceptance criteria

        Attachments

          1. screenshot-1.png
            screenshot-1.png
            4 kB
          2. screenshot-2.png
            screenshot-2.png
            11 kB
          3. tags-asset-browser.png
            tags-asset-browser.png
            200 kB
          4. tags-asset-detail.png
            tags-asset-detail.png
            34 kB
          5. tags-tours-browser.png
            tags-tours-browser.png
            158 kB

          Issue Links

            Activity

              People

                sang.ngo Sang Ngo Huu
                avongunten Anja von Gunten
                Votes:
                0 Vote for this issue
                Watchers:
                4 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:

                  Checklists

                    Task DoD

                    Time Tracking

                      Estimated:
                      Original Estimate - 2d Original Estimate - 2d
                      2d
                      Remaining:
                      Remaining Estimate - 0d
                      0d
                      Logged:
                      Time Spent - 2d 5h
                      2d 5h