From d0ac05bcef3c358bc93c3e5a579ac9a7eb2c12a4 Mon Sep 17 00:00:00 2001 From: Jay George Date: Thu, 14 May 2026 16:23:49 +0100 Subject: [PATCH] =?UTF-8?q?Make=20active=20nav=20anchor=20position=20more?= =?UTF-8?q?=20accurate,=20which=20fixes=20the=20position=20when=20a=20nav?= =?UTF-8?q?=20item=20has=20a=20longer=20word=20and=20wraps=20(hi,=20German?= =?UTF-8?q?y=20=F0=9F=91=8B)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- resources/css/core/layout.css | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/resources/css/core/layout.css b/resources/css/core/layout.css index 8299d321b77..ada4feafb3b 100644 --- a/resources/css/core/layout.css +++ b/resources/css/core/layout.css @@ -28,11 +28,11 @@ } ul li ul { - @apply ml-3.5 pl-3.5 translate-x-px my-1.5 text-[0.8125rem] min-w-0 flex-col gap-1.5 border-s border-gray-300 dark:border-gray-700; + @apply ml-3.5 translate-x-px my-1.5 text-[0.8125rem] min-w-0 flex-col gap-1.5 border-s border-gray-300 dark:border-gray-700; } ul li ul li a { - @apply py-0 hover:bg-transparent; + @apply py-0 ps-5 hover:bg-transparent; } ul li ul li a.active { @@ -79,12 +79,11 @@ &::before { content: ''; position: absolute; - width: anchor-size(height); height: calc(anchor-size(height) + 0.5px); @apply border-s border-s-black; translate: -100% 0; position-anchor: --active; - left: calc(anchor(left) + 0.25rem - 0.5px); + left: anchor(left); top: anchor(top); transition-property: top, left; transition-duration: 0.2s;