From 84341901ec644437bd8d00ae6d0315aa7440b8ca Mon Sep 17 00:00:00 2001 From: Pouria Delfanazari Date: Wed, 20 May 2026 17:01:36 -0700 Subject: [PATCH] fix: layout thrashing on minimal profile header --- .../MinimalProfileHeaderContainer.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/webapp/features/profile/containers/minimalProfileHeaderContainer/MinimalProfileHeaderContainer.tsx b/src/webapp/features/profile/containers/minimalProfileHeaderContainer/MinimalProfileHeaderContainer.tsx index 74acb47e..83b813a6 100644 --- a/src/webapp/features/profile/containers/minimalProfileHeaderContainer/MinimalProfileHeaderContainer.tsx +++ b/src/webapp/features/profile/containers/minimalProfileHeaderContainer/MinimalProfileHeaderContainer.tsx @@ -26,13 +26,14 @@ export default function MinimalProfileHeaderContainer(props: Props) { style={{ position: 'fixed', top: 0, - left: navbarOffset, - width: `calc(100% - ${navbarOffset}px)`, + left: 0, + width: '100%', zIndex: 2, opacity: yScroll > HEADER_REVEAL_SCROLL_THRESHOLD ? 1 : 0, pointerEvents: yScroll > HEADER_REVEAL_SCROLL_THRESHOLD ? 'auto' : 'none', - transition: 'opacity 300ms ease, left 300ms ease, width 300ms ease', + transform: `translateX(${navbarOffset}px)`, + transition: 'opacity 300ms ease, transform 300ms ease', backgroundColor: 'var(--mantine-color-body)', }} > -- 2.51.2