ui5-webcomponents-react
ui5-webcomponents-react copied to clipboard
Dialog: Content part has incorrect padding when being used as Notification Center
Describe the bug Whenever we open a popover containing a list of notification groups and notification items, as it opens a Dialog component, the content CSS shadow part has a padding which is not in accordance with Fiori Guidelines as you can see here.
To Reproduce Steps to reproduce the behavior: In Dialog With Content Storybook
- Click on the Open Dialog button;
- See that there is a padding in the dialog's content.
Expected behavior
When used in the notification center, there should be no padding in the content section, as you can see here.
Screenshots
Actual
Expected
UI5 Web Components for React Information
@ui5/webcomponents
version: 1.5.0
@ui5/webcomponents-react
version: 0.26.0
Operating System: macOS Monterey 12.5
Browser: Chrome Version 103.0.5060.134 (Official Build) (x86_64)
Additional context This is a request for our internal SAP project.
Hi @guilhXavier
you can remove the default padding by using the ::part
pseudo Element of the dialog. You can find all available shadow parts here.
Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Inactive issues will be closed after 7 days. Thanks.
Hey there, it's me again! I am going close this issue to help our maintainers focus on the current development roadmap instead. If the issue mentioned is still a concern, please open a new ticket and mention this old one.