[MGNLUI-1915] ModalCurtain not rendered full height for dialog with uicontext = shell in webkit Created: 13/Aug/13  Updated: 26/Aug/13  Resolved: 13/Aug/13

Status: Closed
Project: Magnolia UI
Component/s: design
Affects Version/s: 5.0.1
Fix Version/s: 5.0.2, 5.1

Type: Improvement Priority: Blocker
Reporter: Espen Jervidalo Assignee: Christopher Zimmermann
Resolution: Fixed Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Issue Links:
Relates
relates to MGNLUI-1919 Overlay on shell context should be po... 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:

 Description   

For modality level of SHELL.
ModalityCurtain does not extend to bottom of UI.
In fact the entire overlay seems to be shifted up the number of pixels as is assigned to the overlay child top value - in this case 60px.

.overlay.shell .overlay-child

{ top:60px; }

The wierd thing is that if in chrome web inspector, you disable and renable that top:60px value, then everything is rendered mostly correctly.

only affects webkit. see attachment



 Comments   
Comment by Christopher Zimmermann [ 13/Aug/13 ]

Could it be a solution to display the modality curtain first - pause - then display the dialog (overlay child)?

Comment by Christopher Zimmermann [ 13/Aug/13 ]

Temporary solution will be to remove the top:60px css value.
The dialog will be positioned at the top of the screen which is not ideal - but not that bad, wont confuse a user and wont look broken.

Comment by Christopher Zimmermann [ 13/Aug/13 ]

Set top:0px on Overlay Child.

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