From 2d847beefab9ee8a98866fd738a9e08b14e4f55c Mon Sep 17 00:00:00 2001 From: "alexei.dolgolyov" Date: Tue, 10 Mar 2026 19:49:00 +0300 Subject: [PATCH] Fix header position shift when becoming sticky Move header outside .container so it spans full viewport width with its own padding, eliminating layout shift on scroll. Co-Authored-By: Claude Opus 4.6 --- server/src/wled_controller/static/css/layout.css | 2 +- server/src/wled_controller/templates/index.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/server/src/wled_controller/static/css/layout.css b/server/src/wled_controller/static/css/layout.css index 0056386..c1058d7 100644 --- a/server/src/wled_controller/static/css/layout.css +++ b/server/src/wled_controller/static/css/layout.css @@ -2,7 +2,7 @@ header { display: flex; justify-content: space-between; align-items: center; - padding: 8px 0 8px; + padding: 8px 20px; position: sticky; top: 0; z-index: 100; diff --git a/server/src/wled_controller/templates/index.html b/server/src/wled_controller/templates/index.html index ca41c0e..df3337e 100644 --- a/server/src/wled_controller/templates/index.html +++ b/server/src/wled_controller/templates/index.html @@ -29,7 +29,6 @@ -
● @@ -94,6 +93,7 @@
+