Add 1rem margin bottom to summary in open details
What does this MR do and why?
When a <details>
element is open, add a 1rem bottom margin to the
nested <summary>
element to separate it from the content.
MR acceptance checklist
Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Screenshots or screen recordings
Before | After |
---|---|
How to set up and validate locally
- Check out this branch locally
- Create an issue
- Add a
<details>
to the issue description and some content in the details after the summary. - Save the issue
- While viewing the issue, expand the details
- You will see a 1rem margin between the summary and the start of the other content of the details
- Edit the issue description to add an h1 header as the first child of the details after the summary
- Save the issue and view it. Expand the details again.
- You will see that the 1rem bottom margin on the summary element collapses with the top margin on the h1 element. The spacing between the summary and the h1 element will be identical to the spacing as it already is on prod today.
Realted to #425467 (closed)
Edited by Chad Lavimoniere