From e849303763eeef29ea678663de257ec37fde3f37 Mon Sep 17 00:00:00 2001 From: Will Miao Date: Wed, 6 May 2026 09:33:04 +0800 Subject: [PATCH] fix(header): eliminate search input focus layout shift and reduce focus ring size - Remove transform: translateY(-1px) that caused layout shift on focus - Reduce box-shadow focus ring from 2px to 1px for subtler appearance - Tone down drop-shadow from 4px/16px to 2px/8px (matches base state) --- static/css/components/header.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/static/css/components/header.css b/static/css/components/header.css index 19032213..b0b60378 100644 --- a/static/css/components/header.css +++ b/static/css/components/header.css @@ -141,8 +141,7 @@ .header-search .search-container:focus-within { border-color: var(--lora-accent); - box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12), 0 0 0 1px var(--lora-accent); - transform: translateY(-1px); + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 0 0 1px var(--lora-accent); } .header-search input {