From ae14088c61bdc14766b06d2b9d3060e33e2d0f7b Mon Sep 17 00:00:00 2001 From: hugo Date: Thu, 26 Feb 2026 22:00:44 +0100 Subject: [PATCH] fix: css for menu --- src/main/engine/templates/partials/styles.liquid | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/src/main/engine/templates/partials/styles.liquid b/src/main/engine/templates/partials/styles.liquid index 614afd5..f7f2748 100644 --- a/src/main/engine/templates/partials/styles.liquid +++ b/src/main/engine/templates/partials/styles.liquid @@ -14,8 +14,11 @@ .blog-menu-item-with-children > .blog-menu-link::after { content: '▾'; font-size: .7em; margin-left: .38rem; opacity: .72; } .blog-menu-link:hover, .blog-menu-link:focus-visible { color: var(--pico-color, var(--color)); text-decoration: underline; } - .blog-menu-submenu { position: absolute; top: calc(100% + .12rem); left: 0; min-width: 12rem; display: none; border: 1px solid var(--pico-muted-border-color, var(--muted-border-color)); background: var(--pico-card-background-color, var(--card-background-color)); padding: .4rem; z-index: 10; } - .blog-menu-submenu .blog-menu-list { flex-direction: column; flex-wrap: nowrap; gap: .2rem; } + .blog-menu-submenu { position: absolute; top: calc(100% + .12rem); left: 0; min-width: 12rem; display: none; border: 1px solid var(--pico-muted-border-color, var(--muted-border-color)); background: var(--pico-card-background-color, var(--card-background-color)); padding: .3rem 0; z-index: 10; } + .blog-menu-submenu .blog-menu-list { flex-direction: column; flex-wrap: nowrap; gap: 0; margin: 0; } + .blog-menu-submenu .blog-menu-item { display: block; padding: 0; margin: 0; } + .blog-menu-submenu .blog-menu-link { display: block; padding: .22rem .75rem; font-size: .88rem; line-height: 1.3; } + .blog-menu-submenu .blog-menu-item a.blog-menu-link { margin: 0; } .blog-menu-item-with-children:hover > .blog-menu-submenu, .blog-menu-item-with-children:focus-within > .blog-menu-submenu { display: block; } .blog-menu-calendar { position: relative; display: inline-flex; align-items: baseline; justify-content: center; margin-left: auto; align-self: baseline; flex-shrink: 0; }