nandi.uk
This repository has no description
fix: layout thrashing on minimal profile header
author
Pouria Delfanazari
date
(May 20, 2026, 5:01 PM -0700)
commit
84341901
84341901ec644437bd8d00ae6d0315aa7440b8ca
parent
96c2ad17
96c2ad179318bf064ac0a64ee10ca432162b9756
+4
-3
+4
-3
src/webapp/features/profile/containers/minimalProfileHeaderContainer/MinimalProfileHeaderContainer.tsx
+4
-3
src/webapp/features/profile/containers/minimalProfileHeaderContainer/MinimalProfileHeaderContainer.tsx
···
26
26
style={{
27
27
position: 'fixed',
28
28
top: 0,
29
-
left: navbarOffset,
30
-
width: `calc(100% - ${navbarOffset}px)`,
29
+
left: 0,
30
+
width: '100%',
31
31
zIndex: 2,
32
32
opacity: yScroll > HEADER_REVEAL_SCROLL_THRESHOLD ? 1 : 0,
33
33
pointerEvents:
34
34
yScroll > HEADER_REVEAL_SCROLL_THRESHOLD ? 'auto' : 'none',
35
-
transition: 'opacity 300ms ease, left 300ms ease, width 300ms ease',
35
+
transform: `translateX(${navbarOffset}px)`,
36
+
transition: 'opacity 300ms ease, transform 300ms ease',
36
37
backgroundColor: 'var(--mantine-color-body)',
37
38
}}
38
39
>