[MGNLUI-4639] Resurface: Responsive dialog heights Created: 17/Sep/18  Updated: 19/Sep/18  Resolved: 19/Sep/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: Unassigned
Resolution: Obsolete Votes: 0
Labels: responsive-design
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

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

 Description   

As a user I want dialogs (with a lot of input fields) to use available screen estate so that i can see and edit as much content as possible without scrolling.

Acceptance criteria:

Margin-top

  • All dialogs are displayed with a top margin of 77px.
  • No matter what height they have.

Dialog height:

  • Dialogs have a fixed header and footer of 75px.
  • Only the content area is flexible in height.
  • Min. height of content area for simple dialogs is = 296px, see here https://zpl.io/aXzE55g.
  • Min. height of content area for complex dialogs is = 245px (because there is also a tab sheet), see here https://zpl.io/aRqDzXe.
  • If input fields don't fit in min. height the content area (height) adjusts dynamically so they can fit in.

Flexible Margin-bottom

  • Bottom margin adjusts according to dialog height.
  • If the dialog height reaches bottom margin of 77px then

 



 Comments   
Comment by Maxime Michel [ 19/Sep/18 ]

Seems like a duplication of data found in Zeplin, which is being implemented with MGNLUI-4501. Sorry!

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