Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(Page): remove deprecated page header #6588

Merged
merged 4 commits into from
May 8, 2024

Conversation

kmcfaul
Copy link
Contributor

@kmcfaul kmcfaul commented Apr 30, 2024

Closes #6563.

There was a single variable that looked like it was still in use for masthead, so I left that in. LMK if that block of code is also something we want to remove, or if we should keep it + rename the variable?

@@ -199,119 +152,11 @@ $pf-page-v6--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
}

// Header
.#{$page}__header,
.#{$page} > .#{$masthead} {
z-index: var(--#{$page}__header--ZIndex);
Copy link
Contributor Author

Choose a reason for hiding this comment

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

This header variable I left in because it looks like its used by masthead

Copy link
Contributor

Choose a reason for hiding this comment

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

Thanks for calling that out! At a minimum, we should probably rename that var. Following our var naming scheme, --#{$page}--c-masthead--ZIndex. Though I have a related question for anyone interested (@srambach @mattnolting @thatblindgeye @tlabaj).

As a follow-up, WDYT about having a structural element for the page masthead/header area (.pf-[v]-c-page__header) that we use as the container for the header area (the masthead would go inside of it). It would:

  • Be the element for the header area grid item in page, so page would be:
    • Page (parent grid layout)
      • page__header (holds masthead)
      • page__sidebar (holds navigation)
      • page__main (holds page sections)
  • Get the z-index for the header area
  • Could be a generic container if a user didn't pass a masthead to it or we offer some other type of element that can go up there

Copy link
Contributor

Choose a reason for hiding this comment

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

Off the top of my head I wouldn't be opposed. It would match the structure we're using for the other elements like you outlined above at the very least. If it's strictly a container wrapper for structure it may not cause any/much concern? Only thing I could think of is someone using the wrapper for their header content, but outside of Masthead; basically having content that should be in a header element but isn't.

Copy link
Contributor

Choose a reason for hiding this comment

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

@thatblindgeye good point. I was thinking the masthead could just be a <div> by default, and page__header would be the <header> element, so whatever went in there would be in <header> by default.

@kmcfaul kmcfaul linked an issue Apr 30, 2024 that may be closed by this pull request
@patternfly-build
Copy link

patternfly-build commented Apr 30, 2024

Copy link
Contributor

@mcoker mcoker left a comment

Choose a reason for hiding this comment

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

Nice, LGTM! Pushed a couple of other small places I found references to the old page header.

@mattnolting mattnolting self-requested a review May 8, 2024 17:55
Copy link
Contributor

@mattnolting mattnolting left a comment

Choose a reason for hiding this comment

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

LPTM! 🚀

@mcoker mcoker merged commit 2cf0eba into patternfly:v6 May 8, 2024
4 checks passed
@patternfly-build
Copy link

🎉 This PR is included in version 6.0.0-alpha.124 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Remove deprecated page header
5 participants