From bc6c1f6d6cb8c4013ef9b1262d37e58ff84f501c Mon Sep 17 00:00:00 2001 From: jschick04 Date: Thu, 28 May 2026 18:31:36 -0500 Subject: [PATCH] Routed attention banner to Databases modal, fixed Settings focus ring clipping, and layered inline alert overlay above sticky save strip --- src/EventLogExpert.UI/Modal/ModalChrome.razor.css | 2 ++ src/EventLogExpert.UI/Settings/SettingsModal.razor.css | 5 +++++ 2 files changed, 7 insertions(+) diff --git a/src/EventLogExpert.UI/Modal/ModalChrome.razor.css b/src/EventLogExpert.UI/Modal/ModalChrome.razor.css index e1e6cbde..9f4f7b55 100644 --- a/src/EventLogExpert.UI/Modal/ModalChrome.razor.css +++ b/src/EventLogExpert.UI/Modal/ModalChrome.razor.css @@ -61,6 +61,7 @@ dialog:not(:modal) { .inline-alert-overlay { position: absolute; inset: 0; + z-index: 2; background-color: var(--overlay-dim); } @@ -70,6 +71,7 @@ dialog:not(:modal) { top: 50%; left: 50%; transform: translate(-50%, -50%); + z-index: 3; display: flex; flex-direction: column; diff --git a/src/EventLogExpert.UI/Settings/SettingsModal.razor.css b/src/EventLogExpert.UI/Settings/SettingsModal.razor.css index 78af770f..ee997f7e 100644 --- a/src/EventLogExpert.UI/Settings/SettingsModal.razor.css +++ b/src/EventLogExpert.UI/Settings/SettingsModal.razor.css @@ -6,6 +6,11 @@ height: 100%; } +/* Padding so :focus-visible rings are not clipped by the ancestor overflow-hidden utility. */ +.settings-form > .flex-column-scroll { + padding: .5rem; +} + .tz-row { margin-bottom: .5rem; } .fixed-width { width: 50px; } \ No newline at end of file