[MGNLUI-7399] Horizontal misalignment of label when there is only 1 field in dialog Created: 02/Aug/22  Updated: 24/Aug/22

Status: Open
Project: Magnolia UI
Component/s: dialogs
Affects Version/s: 6.2.22
Fix Version/s: None

Type: Improvement Priority: Neutral
Reporter: Viet Nguyen Assignee: Unassigned
Resolution: Unresolved Votes: 0
Labels: None
Σ Remaining Estimate: Not Specified Remaining Estimate: Not Specified
Σ Time Spent: Not Specified Time Spent: Not Specified
Σ Original Estimate: Not Specified Original Estimate: Not Specified

Attachments: PNG File MicrosoftTeams-image (5).png     PNG File Screen Shot 2022-08-02 at 15.01.00.png    
Issue Links:
causality
Sub-Tasks:
Key
Summary
Type
Status
Assignee
MGNLUI-7400 Implementation Sub-task To Do  
MGNLUI-7401 Review Sub-task To Do  
MGNLUI-7402 Pre-Integration QA Sub-task To Do  
MGNLUI-7403 QA Sub-task To Do  
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)
Epic Link: Nucleus Quality Maintenance
Team: Nucleus

 Description   

Configure a simple, only 1 field for a dialog such as:

form:
  properties:
    text:
      label: Text
      $type: textField
footerLayout:
  $type: defaultEditorActionLayout
  primaryActions:
    commit: commit

Open it to see that label and the content of the field are mis-alignment horizontally.

Expected result:

  • Please fix this from our provided SCSS.

Some illustration images:


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