rename to dialog.css and avoid scrollable page

2024-02-07 11:55:03 +01:00 · 2024-02-07 11:55:03 +01:00 · 2726a109d4
commit 2726a109d4
parent 906345e80b
1 changed files with 6 additions and 0 deletions
--- a/src/assets/css/blocks/gallery.css
+++ b/src/assets/css/blocks/gallery.css
@ -13,3 +13,9 @@ dialog::backdrop {
  opacity: 0.85;
  filter: brightness(50%);
 }
+
+/* Prevent page scroll: https://blog.mayank.co/is-dialog-enough */
+
+html:has(dialog[open]:modal) {
+  overflow: hidden;
+}