Skip to content

[DynamicPage]: Missing responsive padding #13271

@ksblklu02

Description

@ksblklu02

Bug Description

  1. In lateset 2.20.0, responsive padding for DynamicPage content is missing, we only got padding-top: 1rem for the content area
  2. In version 2.13.0, the responsive padding used "var(--_ui5-v2-13-2_dynamic_page_content_padding_S);" which is set to "padding: 2rem 1rem 0" for S size screen.
  3. According to Firoi Visual design, DynamicPage should have responsive padding for page content.
Image

Affected Component

No response

Expected Behaviour

DynamicPage content should have responsive padding on left & right side.

Isolated Example

No response

Steps to Reproduce

  1. Go to https://ui5.github.io/webcomponents/components/fiori/DynamicPage/
  2. Switch browser to responsive mode
  3. See the responsive padding for DynamicPage content is missing, only preserved padding-top.

Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

2.18.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

SAP SuccessFactors

Declaration

  • I’m not disclosing any internal or sensitive information.

Metadata

Metadata

Labels

Type

No type

Projects

Status

In Progress

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions