From 2726a109d49e45903456f3dd7f84524a651387f1 Mon Sep 17 00:00:00 2001 From: madrilene Date: Wed, 7 Feb 2024 11:55:03 +0100 Subject: [PATCH] rename to dialog.css and avoid scrollable page --- src/assets/css/blocks/{gallery.css => dialog.css} | 6 ++++++ 1 file changed, 6 insertions(+) rename src/assets/css/blocks/{gallery.css => dialog.css} (65%) diff --git a/src/assets/css/blocks/gallery.css b/src/assets/css/blocks/dialog.css similarity index 65% rename from src/assets/css/blocks/gallery.css rename to src/assets/css/blocks/dialog.css index 76f0b69..7ef4ea1 100644 --- a/src/assets/css/blocks/gallery.css +++ b/src/assets/css/blocks/dialog.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; +}