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.

Sign up for GitHub

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

Jump to bottom

Docs/Web/CSS sidebar contains inconsistent spacing between sections #9917

Closed
zfox23 opened this issue Oct 30, 2023 · 1 comment · Fixed by #9930
Closed

Docs/Web/CSS sidebar contains inconsistent spacing between sections #9917

zfox23 opened this issue Oct 30, 2023 · 1 comment · Fixed by #9930
Labels
effort: small This task is a small effort. has PR Issues that already have a PR idle layout Issues related to alignment, positioning and spacing/margin/padding p2 We want to address this but may have other higher priority items.

Comments

@zfox23
Copy link
Contributor

zfox23 commented Oct 30, 2023

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS

What specific section or headline is this issue about?

No response

What information was incorrect, unhelpful, or incomplete?

On the CSS pages, the vertical spacing between section headers (e.g. "Tutorials", "Reference", "Guides", "Layout cookbook", and "Tools") is different, so some sections (mostly "Guides") are hard to differentiate.

What did you expect to see?

Consistent spacing between section headers.

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

This might be as-designed.
@zfox23 zfox23 added the needs triage Triage needed by staff and/or partners. Automatically applied when an issue is opened. label Oct 30, 2023
@wbamberg wbamberg transferred this issue from mdn/content Oct 31, 2023
@caugner caugner added p2 We want to address this but may have other higher priority items. sidebar content layout Issues related to alignment, positioning and spacing/margin/padding and removed needs triage Triage needed by staff and/or partners. Automatically applied when an issue is opened. sidebar content labels Nov 2, 2023
@caugner
Copy link
Contributor

caugner commented Nov 2, 2023

Here's a screenshot to illustrate the reported issue:

image

The reason is that "Guides" (and "Tools) is not a link, whereas the other sections are links and it looks like the display: inline-flex property of these links causes them to have more spacing.

@caugner caugner mentioned this issue Nov 2, 2023
Merged
@caugner caugner added has PR Issues that already have a PR effort: small This task is a small effort. labels Nov 8, 2023
@github-actions github-actions bot added the idle label Jan 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
effort: small This task is a small effort. has PR Issues that already have a PR idle layout Issues related to alignment, positioning and spacing/margin/padding p2 We want to address this but may have other higher priority items.
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(sidebar): unify sections by declaring them with CSS classes mdn/yari
2 participants
@caugner @zfox23