fix(shares): fix popup fixed-position bug, add Client Compliance card

backdrop-filter on the list-embedded review popup was making it a new
containing block for its own nested position:fixed dialogs (Validate,
Reject, Confirm-Submit), confining them to the popup's box instead of the
viewport — replaced the blur with a plain darker overlay. Also adds a
permanent Client Compliance card (KYC status, risk category, open AML
alerts) on the review screen so a manager can see it without opening the
Validate popup.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
2026-08-05 18:32:48 +05:30
co-authored by Claude Sonnet 5
parent cc5cd4c6ab
commit 2cc8d979ba
3 changed files with 69 additions and 4 deletions
@@ -31,8 +31,12 @@
.swr-list-popup-backdrop {
position: fixed;
inset: 0;
background: rgb(15 25 45 / 55%);
backdrop-filter: blur(3px);
// No backdrop-filter here: filter/backdrop-filter on an ancestor makes browsers treat it as a new
// containing block for `position: fixed` descendants — the embedded review screen inside this popup
// renders its OWN fixed-position dialogs (Validate, Reject, Confirm-Submit), which would then be
// confined to this backdrop's box instead of the real viewport. Extra opacity on the background
// color compensates for the loss of the blur look.
background: rgb(15 25 45 / 65%);
z-index: 1100;
display: flex;
align-items: flex-start;