website_next: part 9

website_next/dialog/index.js

@@ -12,6 +12,7 @@ function closeOnBackdrop(event) {
  * @param {HTMLElement} host
  */
 export function openDialog(dialog, host) {
+  dialog.dataset.dialog = "";
   host.append(dialog);
   dialog.addEventListener("close", async () => {
     await waitForTransition();

website_next/dialog/style.css

@@ -1,4 +1,4 @@
-dialog {
+dialog[data-dialog] {
   --dialog-space: 1.5rem;
 
   color-scheme: light;