[MGNLCDEP-120] Using wide property with dialog makes the tab overly spaced out Created: 17/Jan/22  Updated: 20/Jul/23

Status: Open
Project: Content Dependencies
Component/s: None
Affects Version/s: 2.0.3
Fix Version/s: None

Type: Bug Priority: Neutral
Reporter: Richard Gange Assignee: Unassigned
Resolution: Unresolved Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File with-wide.png     PNG File without-wide.png    
Issue Links:
relation
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
Epic Link: AuthorX Support
Team: AuthorX

 Description   

If you add content dependencies to a dialog which uses wide the layout of dependency list gets overly spaced apart. The rest of the dialog looks fine. Only effects the dependencies tab.

Reproduce
In the Resource Files app edit the pageProperties dialog for the travel demo here: /travel-demo/dialogs/pages/pageProperties.yaml

!inherit:mtk2:pages/basic
wide: true
form:
  properties:
    searchResultPage:
      $type: linkField
    referencesTo:
      class: info.magnolia.module.dependencies.ui.field.DependenciesViewDefinition
      referencesTo: true
      references:
        pages:
          appMapping: app:pages-app:browser
          workspace: website
          referenceProperties:
            - link
            - linkTypepage #teaser component
    referencesFrom:
      class: info.magnolia.module.dependencies.ui.field.DependenciesViewDefinition
      referencesTo: false
      references:
        pages:
          appMapping: app:pages-app:browser
          workspace: website
          referenceProperties:
            - link
            - linkTypepage #teaser component
        assets:
          appMapping: app:dam:jcrBrowser
          workspace: dam
          pathResolver:
            class: info.magnolia.module.dependencies.field.resolver.AssetPathResolverImpl
          appLocationFactory:
            class: info.magnolia.module.dependencies.field.factory.DamAppLocationFactoryImpl

  layout:
    $type: tabbedLayout
    tabs:
      tabSearch:
        fields:
          - name: searchResultPage
        
      tabDependencies:
        label: Dependencies
        fields:
          - name: referencesTo
          - name: referencesFrom

Actual
The spacing between dependency lists is exaggerated. Notice you cannot see the assets and there is a lot of white space between the two lists.

Expected
It should look similar as when not using wide.


Generated at Mon Feb 12 00:12:44 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.