[MGNLUI-1103] Fix date picker styling Created: 12/Apr/13  Updated: 10/Mar/21  Resolved: 10/Mar/21

Status: Closed
Project: Magnolia UI
Component/s: design, forms
Affects Version/s: 5.0
Fix Version/s: None

Type: Bug Priority: Neutral
Reporter: Andreas Weder Assignee: Unassigned
Resolution: Obsolete Votes: 0
Labels: acceptance
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified
Environment:

magnolia-bundle_stable build #38 (beta 1-1)
Firefox 20.0


Attachments: PNG File Date picker on FF.png     PNG File Date picker on Safari.png    
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)
Bug DoR:
[ ]* Steps to reproduce, expected, and actual results filled
[ ]* Affected version filled

 Description   

The date picker currently has the following issues on both Safari and Firefox:

  • the arrows in the header are not vertically centered (they are a bit too high up)
  • there's a one line gap in cells with a background color
  • the should be a gray line separating the last row of the calendar from the row containing the time picker
  • please horizontally center the time picker and maybe add 1 or 2 px top/bottom paddings in the row that it contains

On Firefox only:

  • the currently selected cell has a drop shadow (see second screen shot) - please remove it


 Comments   
Comment by Andreas Weder [ 12/Apr/13 ]

Added two screen shots, showing the date picker on both Safari and FF.

Generated at Mon Feb 12 08:43:23 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.