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 display of Headers within Details Summary #4491

Merged
merged 5 commits into from
Oct 2, 2021

Conversation

broxen
Copy link
Contributor

@broxen broxen commented Sep 26, 2021

Cleaning up Headers within Details Summary to fix an issue with display.

Modified app.scss with the following changes:

  • Remove top-margin and keyline under all headers within a Details Summary
  • Make all Headers within a Details Summary 100% width to fix TOC Anchor location issue.

Let me know if there's anything else I should consider here.

Screenshot fixed:

Cleaning up Headers within Details Summary
Fix for TOC Anchor location within Details Summary
@auto-assign auto-assign bot requested a review from NGPixel September 26, 2021 07:09
@broxen broxen changed the title Details summary headers Fix display of Headers within Details Summary Sep 26, 2021
Fixed to accommodate larger summaries containing both headers and phrasing text. Still removing keylines for summaries with ONLY a header.
@broxen
Copy link
Contributor Author

broxen commented Oct 1, 2021

This really should be merged with #2502 to accommodate larger summaries.

I've changed the CSS to accommodate the possibility of summaries containing headers and phrasing content, per the spec: https://html.spec.whatwg.org/multipage/interactive-elements.html#the-summary-element

With this latest revision, the key-line for headers only hides if the header is the only element child of the summary parent.

@NGPixel NGPixel merged commit 8aa0231 into requarks:dev Oct 2, 2021
@broxen broxen deleted the details-summary-headers branch October 2, 2021 04:29
jionggyu pushed a commit to jionggyu/wiki-2.5.302-patch that referenced this pull request Jul 9, 2024
* Header formatting for Details Summary

Cleaning up Headers within Details Summary

* Fix for TOC Anchor location

Fix for TOC Anchor location within Details Summary

* display: none for the keyline seems smarter

* Fixes to accommodate large summaries

Fixed to accommodate larger summaries containing both headers and phrasing text. Still removing keylines for summaries with ONLY a header.
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.

2 participants