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

Decrease line height of sidebar items #947

Open
swierczek opened this issue Feb 27, 2025 · 1 comment
Open

Decrease line height of sidebar items #947

swierczek opened this issue Feb 27, 2025 · 1 comment

Comments

@swierczek
Copy link
Contributor

swierczek commented Feb 27, 2025

Suggested Change
The line height/margin of items in the sidebar currently makes it nearly impossible to identify if an item is 2 lines long, or if the 2 lines are 2 separate items. See the "Adding Control Panel Pages" item in the below screenshots.

Decreasing the line height and subsequently increasing the margin should help keep the multi-line phrases together and easier to read.

Before:
Image

After:
Suggested changes:

  • Change line height to 120% of font size
  • Adjust other margin changes to account for this decrease
Image
@swierczek
Copy link
Contributor Author

Specific suggested changes:

.sidebar-toc > ul > li {
    margin-bottom: 18px;
    line-height: 1.14rem;
}

.sidebar-toc li ul {
    margin-top: 18px;
}

.sidebar-toc li {
    margin-bottom: 13px;
}

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

No branches or pull requests

1 participant