[MGNLUI-6046] Datefield should be responsive Created: 14/Jul/20  Updated: 16/Feb/21  Resolved: 16/Feb/21

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

Type: Improvement Priority: Neutral
Reporter: Sang Ngo Huu Assignee: Šimon Demočko
Resolution: Fixed Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File date-field.png    
Issue Links:
causality
caused by MGNLUI-5976 Bad vertical alignment for multi-valu... 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: M6 UI & UX Improvements
Sprint: UI FW 21
Story Points: 3

 Description   

When adjust the width of form, datefield's height is not changed.

While working on the related we had to set the fixed line-height to the date field, so that it renders properly without depending on CSS of the form.

Dev notes:

  • need to make date field follow the same responsiveness rules as the form (possibly by adding the respective break points in datefield.scss).
  • or as an alternative - try to re-align the height settings with the form (see if we can handle the line-height property better so that we don't have to override it specifically for the datefield).


 Comments   
Comment by Šimon Demočko [ 16/Feb/21 ]

Fixed it as part of MGNLUI-6049

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