[MGNLUI-4606] Resurface field types: tag field - styles and layout behavior Created: 31/Aug/18  Updated: 20/Nov/18  Resolved: 19/Nov/18

Status: Closed
Project: Magnolia UI
Component/s: None
Affects Version/s: None
Fix Version/s: 6.0

Type: Story Priority: Neutral
Reporter: Anja von Gunten Assignee: Sang Ngo Huu
Resolution: Done Votes: 0
Labels: None
Remaining Estimate: 0d
Time Spent: 2d 5h
Original Estimate: 2d

Attachments: PNG File screenshot-1.png     PNG File screenshot-2.png     PNG File tags-asset-browser.png     PNG File tags-asset-detail.png     PNG File tags-tours-browser.png    
Issue Links:
Cloners
clones MGNLUI-4463 Resurface field types: tag field Closed
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Date of First Response:
Epic Link: Resurface theme
Sprint: Saigon 158
Story Points: 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;


 Comments   
Comment by Dai Ha [ 19/Nov/18 ]

Verified with magnolia-enterprise-pro-demo-bundle-6.0-20181118.232456-634-tomcat-bundle.zip
Tag now has expected styles.

Generated at Mon Feb 12 09:18:18 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.