search

patternfly / patternfly-design

Use this repo to file all new feature or design change requests for the PatternFly project
114 stars 105 forks source link

Scrollbar - transparent track #1315

Open nicolethoen opened 1 month ago

nicolethoen commented 1 month ago

The corners of the scroll bar look odd beside the rounded corner of page sections.

Screenshot 2024-05-29 at 4 57 39 PM

Screenshot 2024-05-29 at 4 57 31 PM

It doesn't seem we are updating the color of the scrollbar in dark theme like we were in PF5. Were we using color-theme: dark or something similar before that we are no longer using?

We could update the track color of the scrollbar using css scrollbar-color. This issue is especially obvious in Fedora machines. We should also check the browser compatibility of the scrollbar-color style.

mcoker commented 2 weeks ago

We updated the dark theme scrollbar color, but we need to move the scrollbar to an element with a border radius to have the scrollbar round on the edges with the parent container. I wonder if this can be addressed in https://github.com/patternfly/patternfly/issues/6712? cc @evwilkin