8000 fix(page): adjust main container and sidebar scrollbars by mcoker · Pull Request #7068 · patternfly/patternfly · GitHub
[go: up one dir, main page]

Skip to content

fix(page): adjust main container and sidebar scrollbars#7068

Merged
mcoker merged 2 commits intopatternfly:mainfrom
mcoker:issue-6834
Sep 16, 2024
Merged

fix(page): adjust main container and sidebar scrollbars#7068
mcoker merged 2 commits intopatternfly:mainfrom
mcoker:issue-6834

Conversation

@mcoker
Copy link
Contributor
@mcoker mcoker commented Sep 12, 2024

@mcoker mcoker requested a review from lboehling September 12, 2024 01:37
@patternfly-build
Copy link
Collaborator
patternfly-build commented Sep 12, 2024

Copy link
Collaborator
@andrew-ronaldson andrew-ronaldson left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I checked this in Chrome, firefox and Safari. Safari is the only one that keeps the scrollbar background-color. Would this ::-webkit-scrollbar-track: work to tackle the safari issue.

Other than that I think this looks great and Safari is a lower priority browser

@mcoker
Copy link
Contributor Author
mcoker commented Sep 13, 2024

@andrew-ronaldson yep, the controls for safari scrollbar colors are a little different, and seem to be finicky? Here's a codepen with the overrides in it. https://codepen.io/mcoker/pen/LYKvOgW

You can see in safari that the sidebar scrollbar styles are working, but not on the page main container. If we update the .pf-v6-c-page__main-container to be display: block instead of display: flex, the scrollbar styles work? IMO that shouldn't impact the scrollbar styles at all.

Also, I'm assuming if we were to introduce custom scrollbar styles, we would do it for all scrollbars - not just the sidebar/page container?

I went ahead and took out the scrollbar changes from this PR - wdyt about merging these changes and following up on the scrollbar stuff, either for final or post-v6, but that would let us get these other changes in now.

Copy link
@lboehling lboehling left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

beautiful!!

Copy link
Contributor
@thatblindgeye thatblindgeye left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Would this go towards #6834 at all, too?

Copy link
Collaborator
@andrew-ronaldson andrew-ronaldson left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This looks good in the main container. The floating track next to the nav feels awkward but can be addressed your followup issue. Thanks!

@mcoker mcoker requested a review from srambach September 16, 2024 15:31
Copy link
Member
@srambach srambach left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

📜 Looks good, nice work with design

@mcoker mcoker merged commit adea807 into patternfly:main Sep 16, 2024
@mcoker mcoker mentioned this pull request Sep 17, 2024
@mcoker mcoker deleted the issue-6834 branch January 7, 2025 16:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants

0