Stop center aligning docs nav on small screen #2740
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
Please describe what changes you made, and why you feel they are necessary. Make sure to include
code examples, where applicable.
Docs page's nav items contain hierarchical indentation for headings that doesn't work well when text is aligned center on small screen. This PR removes the responsible text-align style to keep the nav items left-aligned on small screen. The changed style also matches the current style on larger screen.
See the following images for comparison:
The change in this PR should not affect the style for any other part of the website since CSS
.nav
class is only used for the container element of docs nav items located in thewww/content/docs.md
file:htmx/www/content/docs.md
Line 7 in 4a2289d
Corresponding issue:
Testing
Please explain how you tested this change manually, and, if applicable, what new tests you added. If
you're making a change to just the website, you can omit this section.
Checklist
master
for website changes,dev
forsource changes)
approved via an issue
npm run test
) and verified that it succeeded