From 6b88f6f8c150c183dabb7fa6450af44d9360a105 Mon Sep 17 00:00:00 2001 From: Tim Friedrich Weber Date: Fri, 23 May 2025 11:34:32 +0200 Subject: [PATCH] Adjust sub-navigation padding for better alignment 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. --- overrides/assets/css/modules/navigation.scss | 29 ++++++++++++++++++++ 1 file changed, 29 insertions(+) diff --git a/overrides/assets/css/modules/navigation.scss b/overrides/assets/css/modules/navigation.scss index 83c3e59..504ba15 100644 --- a/overrides/assets/css/modules/navigation.scss +++ b/overrides/assets/css/modules/navigation.scss @@ -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; + } +}