mw/satware.ai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust sub-navigation padding for better alignment

Browse Source 
Added consistent left padding to sub-navigation items and links to improve visual hierarchy. Overrode Material theme's media query to ensure primary navigation padding remains uniform across breakpoints.
This commit is contained in:
tfw
2025-05-23 11:34:32 +02:00
parent 20a4b9dd85
commit 6b88f6f8c1
1 changed files with 29 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
overrides/assets/css/modules/navigation.scss
+29
View File
@@ -132,3 +132,32 @@
margin: 0 0 1.2rem;
padding-top: .6rem;
}
// Add a small left padding to sub-navigation items and lists
.md-nav__list .md-nav__list {
padding-left: 0.5rem;
margin-left: 0;
}
.md-nav__list .md-nav__list .md-nav__item {
padding-left: 0;
margin-left: 0;
}
// Add a small left padding to sub-navigation links
.md-nav__list .md-nav__list .md-nav__link {
padding-left: 0;
margin-left: 0;
}
// Override Material theme's media query that adds padding to primary navigation
@media screen and (min-width: 76.25em) {
[dir=ltr] .md-nav--primary .md-nav__list {
padding-left: 0;
}
// Ensure sub-navigation has consistent padding
[dir=ltr] .md-nav--primary .md-nav__list .md-nav__list {
padding-left: 0.5rem;
}
}