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

Missing margin-top rule when using multiple headers in the related content #677

Open
lcarcone opened this issue Oct 15, 2024 · 1 comment
Assignees

Comments

@lcarcone
Copy link
Member

Using the template 'default', I need to have multiple headers/lists in the sidebar related content, see the code in the first screenshot.

In the Design System, there is no margin-top for the headers (h2 in this case), that makes the related content not very clear (second screenshot)

I made a test adding a local margin-top for the h2 except the first one and the result is better (screenshots 3 and 4)

Could you add a generic css rule that can add such a margin-top when using multiple headers in the related content ?

related__inner-code

related__inner-1

related__inner-2

related__inner-css

@vivienlacourba
Copy link
Member

@NicolaSaunders FYI the idea is to be able to have different sections in the right menu.

@lcarcone's example comes from: https://w3c.github.io/wbs-design/html/s24-qtypes.html but @deniak also identified other pages that would benefit from having a more structured menu.

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

No branches or pull requests

3 participants