Browse Source

fix(ui): move profile action button outside of main container

Relocate the profile edit/lock button from inside the `<main>` element
to outside of it. This prevents the `page-slide-enter` animation's
`will-change: transform` property from creating a new containing block,
which was causing layout issues with `position: fixed` elements.
master
mortezaei 3 weeks ago
parent
commit
99889adf1e
  1. 4
      src/app/finding-match/finding-match-client.tsx

4
src/app/finding-match/finding-match-client.tsx

@ -189,7 +189,10 @@ export default function FindingMatchClient() {
onGetAdvisor={openAdvisors} onGetAdvisor={openAdvisors}
/> />
</div> </div>
</main>
{/* Outside <main>: page-slide-enter sets will-change:transform which makes
main the containing block for position:fixed and narrows the button. */}
<FixToTheEnd> <FixToTheEnd>
{profile?.can_edit_profile === false ? ( {profile?.can_edit_profile === false ? (
<div <div
@ -211,7 +214,6 @@ export default function FindingMatchClient() {
</Button> </Button>
)} )}
</FixToTheEnd> </FixToTheEnd>
</main>
<MarriageAdvisorsOverlay <MarriageAdvisorsOverlay
open={isAdvisorOpen} open={isAdvisorOpen}

Loading…
Cancel
Save