Dialog Scrollbar Size Issue

Bug Description

1. change the scroll bar size to the Dialog

To reproduce Steps to reproduce the behavior:

1. Create a ui5-dialog
2. Add style to the dialog height: 600px
3. Apply Style to the diaog: “–sapScrollBar_Dimension”: “7px” ::-webkit-scrollbar { width: 7px !important; height: 7px !important; }

Isolated example https://codesandbox.io/s/wispy-leaf-ljisu?file=/src/App.js

Expected behavior Dialog Scroll bar width is small

Screenshots

Context

• UI5 Web Components version 1.0.0-rc.10
• OS/Platform: Win 10
• Browser (if relevant): Chrome Version 88.0.4324.192 (Official Build) (x86_64)
• Other information: None

Priority:(optional) (Low, Medium, High or Very High) Very High

Business impact: (mandatory for “Very High”)

[ilhan007]

Hello @terezamch, just fyi, to forward the issue to the responsible team you have to change the Projects to “Maintenance - Topic RD”, from the settings, that stay to the right of the issue description, and by mentioning the responsible team in a comment by its github group name, so they know about this issue.

I already did it. BR, ilhan.

[terezamch]

Hello @gopusrikanth04 ,

Unfortunately, you cannot achieve it as now there is no possibility to add styles with pseudo elements in the dialog. I have forwarded the issue to the responsible team.

Regards, Tereza