a11y: convert all modals to native dialog with focus management

2026-02-18 23:27:55 +02:00
parent 7d5af9e39c
commit 242e16f75d
5 changed files with 244 additions and 156 deletions
@@ -138,3 +138,24 @@ body ::-webkit-scrollbar-thumb:hover,
  white-space: nowrap;
  border-width: 0;
 }
+
+/* Native dialog styles */
+dialog {
+  background: transparent;
+  border: none;
+  padding: 0;
+  max-width: 100vw;
+  max-height: 100vh;
+  overflow: visible;
+}
+
+dialog::backdrop {
+  background: rgba(9, 9, 11, 0.8);
+  backdrop-filter: blur(4px);
+}
+
+dialog[open] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}