From 3aac40ba0fe0b452573c0b6f37101ac8aaf9a0ee Mon Sep 17 00:00:00 2001
From: Zak Bearman <Zak@amslabs.net>
Date: Tue, 1 Sep 2026 21:33:02 +1200
Subject: [PATCH] Keep issue dialog above site navigation

---
 frontend/app/ops-redesign.css        | 4 ++++
 frontend/app/portal/PortalClient.tsx | 4 +++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/app/ops-redesign.css b/frontend/app/ops-redesign.css
index c4aa6f1..45ea1ce 100644
--- a/frontend/app/ops-redesign.css
+++ b/frontend/app/ops-redesign.css
@@ -2654,6 +2654,10 @@ button:disabled,
   overflow: hidden;
 }
 
+.issue-reports-column.has-open-modal {
+  z-index: 2000;
+}
+
 .issue-reports-column > .issue-history-heading {
   align-items: center;
   padding: 14px 15px;
diff --git a/frontend/app/portal/PortalClient.tsx b/frontend/app/portal/PortalClient.tsx
index f948b06..34cf9ed 100644
--- a/frontend/app/portal/PortalClient.tsx
+++ b/frontend/app/portal/PortalClient.tsx
@@ -2020,7 +2020,9 @@ export default function PortalClient({ workspace }: PortalClientProps) {
         </>
       ) : null}
 
-      <div className={workspace === 'issue' ? 'issue-reports-column' : 'portal-lower-content'}>
+      <div className={workspace === 'issue'
+        ? `issue-reports-column ${selectedItemId != null ? 'has-open-modal' : ''}`
+        : 'portal-lower-content'}>
       {workspace === 'issue' ? (
         <div className="issue-history-heading">
           <div>