[MGNLUI-6049] Fix CSS ruleset to make stacked complex fields responsive in subapps Created: 15/Jul/20  Updated: 18/Mar/21  Resolved: 12/Feb/21

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

Type: Bug Priority: Neutral
Reporter: Aleksandr Pchelintcev Assignee: Šimon Demočko
Resolution: Fixed Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: 0.65h
Original Estimate: Not Specified

Issue Links:
Relates
relates to MGNLUI-5976 Bad vertical alignment for multi-valu... Closed
relates to MGNLUI-6128 Old pages app: Description in subfiel... Closed
causality
is causing MGNLUI-6623 Old stories app detail styles have be... 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)
Bug DoR:
[ ]* Steps to reproduce, expected, and actual results filled
[ ]* Affected version filled
Date of First Response:
Epic Link: Dialog UX improvements
Sprint: UI FW 21
Story Points: 5

 Description   
  • Label of component/multifield should be responsive
  • Spacing of label and field in component/multifield should be responsive
  • Radio buttons within stacked layouts do not properly follow responsive breakpoints

Dev notes:

  • newly introduced stacked layouts of composite fields within forms are not covered with the responsiveness rules applied to the root form/dialog
  • probably need to handle responsiveness of these layouts separately (by hopefully re-using some mix-ins that are currently applied to the root forms).
  • see @media-queries in the dialogs.scss and typography.scss SASS sheets.
  • also notice that responsiveness works in dialogs, but is not really applied in detail sub-apps (can be considered if SASS refactoring happens wrt responsiveness, or separate ticket can be created otherwise).

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