diff --git a/src/app/clerk/share-withdrawal-request/share-withdrawal-request.component.html b/src/app/clerk/share-withdrawal-request/share-withdrawal-request.component.html index 58810efaf..f8c536f33 100644 --- a/src/app/clerk/share-withdrawal-request/share-withdrawal-request.component.html +++ b/src/app/clerk/share-withdrawal-request/share-withdrawal-request.component.html @@ -63,6 +63,44 @@ + @if (isReview && reviewRequest) { +
+
Client Compliance
+
+
+ KYC Status + + {{ reviewRequest.client_kyc_status_label }} + +
+
+ Risk Category + + {{ reviewRequest.client_risk_category_label }} + +
+
+ Open AML Alerts + + {{ reviewRequest.client_open_aml_alerts || 0 }} + +
+
+
+ } + @if (account) {
Withdrawal Details
diff --git a/src/app/clerk/share-withdrawal-request/share-withdrawal-request.component.scss b/src/app/clerk/share-withdrawal-request/share-withdrawal-request.component.scss index 619822696..140ccec89 100644 --- a/src/app/clerk/share-withdrawal-request/share-withdrawal-request.component.scss +++ b/src/app/clerk/share-withdrawal-request/share-withdrawal-request.component.scss @@ -58,6 +58,26 @@ font-weight: 600; } +.swr-chip { + display: inline-flex; + align-items: center; + width: fit-content; + padding: 4px 10px; + border-radius: 999px; + font-size: 12px; + font-weight: 600; + + &--ok { + background: #eafaf0; + color: #1a7f37; + } + + &--warn { + background: #fdecea; + color: #b42318; + } +} + /* ---------- Verification trigger card ---------- */ .swrv-trigger { display: flex; @@ -138,8 +158,11 @@ .swrv-modal { position: fixed; inset: 0; - background: rgb(15 25 45 / 55%); - backdrop-filter: blur(3px); + // No backdrop-filter: it would make this element a containing block for any position:fixed + // descendant (e.g. if this modal is ever nested inside another fixed popup, or gains one of its + // own later) — see the identical fix in share-withdrawal-requests.component.scss for the bug this + // caused. Extra opacity compensates for the loss of the blur look. + background: rgb(15 25 45 / 65%); z-index: 1200; display: flex; align-items: center; diff --git a/src/app/tasks/checker-inbox-and-tasks-tabs/share-withdrawal-requests/share-withdrawal-requests.component.scss b/src/app/tasks/checker-inbox-and-tasks-tabs/share-withdrawal-requests/share-withdrawal-requests.component.scss index 93afc827a..e3b249c01 100644 --- a/src/app/tasks/checker-inbox-and-tasks-tabs/share-withdrawal-requests/share-withdrawal-requests.component.scss +++ b/src/app/tasks/checker-inbox-and-tasks-tabs/share-withdrawal-requests/share-withdrawal-requests.component.scss @@ -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;