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

fix: restructure menu header for styling #989

Merged
merged 3 commits into from
Sep 26, 2024
Merged

Conversation

luwes
Copy link
Contributor

@luwes luwes commented Sep 26, 2024

fix #987

@luwes luwes self-assigned this Sep 26, 2024
@luwes luwes requested review from heff and a team as code owners September 26, 2024 14:32
Copy link

vercel bot commented Sep 26, 2024

@luwes is attempting to deploy a commit to the Mux Team on Vercel.

A member of the Team first needs to authorize it.

Copy link

codecov bot commented Sep 26, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 76.89%. Comparing base (3ea80df) to head (67003a8).
Report is 112 commits behind head on main.

Additional details and impacted files
@@            Coverage Diff             @@
##             main     #989      +/-   ##
==========================================
- Coverage   78.55%   76.89%   -1.67%     
==========================================
  Files          59       50       -9     
  Lines       11080    12088    +1008     
  Branches        0      695     +695     
==========================================
+ Hits         8704     9295     +591     
- Misses       2376     2768     +392     
- Partials        0       25      +25     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Copy link

vercel bot commented Sep 26, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
media-chrome ✅ Ready (Inspect) Visit Preview 💬 Add feedback Sep 26, 2024 4:10pm
media-chrome-demo-nextjs ✅ Ready (Inspect) Visit Preview 💬 Add feedback Sep 26, 2024 4:10pm

}

slot[name="header"] > *,
slot[name="header"]::slotted(*) {
Copy link
Contributor Author

Choose a reason for hiding this comment

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

by setting it on the default or slotted elements the styles can be easily overridden

@@ -729,7 +733,7 @@ class MediaChromeMenu extends globalThis.HTMLElement {
return headerSlot
.assignedElements({ flatten: true })
?.find(
(el) => el.part.contains('back') && el.part.contains('button')
(el) => el.matches('button[part~="back"]')
Copy link
Contributor Author

Choose a reason for hiding this comment

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

keep consistent with CSS selector (cursor pointer) above

Copy link
Collaborator

@cjpillsbury cjpillsbury left a comment

Choose a reason for hiding this comment

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

lgtm

@luwes luwes merged commit f99f8ed into muxinc:main Sep 26, 2024
6 of 8 checks passed
@luwes luwes deleted the menu-header-css branch September 26, 2024 16:20
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.

menu header padding and bottom border not customizable
2 participants