[MGNLUI-6623] Old stories app detail styles have been broken Created: 16/Mar/21  Updated: 04/May/21  Resolved: 27/Apr/21

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

Type: Bug Priority: Neutral
Reporter: Jorge Franco Assignee: Martin Haderka
Resolution: Fixed Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File Captura de pantalla 2021-03-16 a las 9.20.08.png    
Issue Links:
causality
caused by MGNLUI-6049 Fix CSS ruleset to make stacked compl... Closed
Template:
Acceptance criteria:
Empty
Task DoD:
[X]* Doc/release notes changes? Comment present?
[X]* Downstream builds green?
[X]* Solution information and context easily available?
[X]* Tests
[X]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
[X]* Check that other applications are not affected
Bug DoR:
[X]* Steps to reproduce, expected, and actual results filled
[X]* Affected version filled
Epic Link: UI framework implementation
Sprint: UI FW 26, UI FW 27
Story Points: 2

 Description   

Steps to reproduce

  1.  Open Stories app
  2.  Go to the detail of a story

Expected results

The width of the components should be the same

Actual results

The width of some of the components is smaller

Workaround

N/A

Development notes

It affects current development branch 6.2.7-SNAPSHOT

The problems comes from https://git.magnolia-cms.com/projects/PLATFORM/repos/ui/pull-requests/1712/diff#magnolia-resurface-theme/src/mai[…]VAADIN/themes/resurface/form.scss

Just getting back this removed code, it seems to work:

.shell[width-range~="1200px-"] {
  .v-formlayout-contentcell > * {
    max-width: 683px;
  }

  .v-form-field-container {
    max-width: 683px;
  }
}

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