From 93581ca4d9445a9e020271b1dcd9b93209dd98f0 Mon Sep 17 00:00:00 2001
From: Michael Trenkler <shin10@gmx.de>
Date: Fri, 25 Mar 2022 23:40:25 +0100
Subject: [PATCH] toggle pointer-events with suspension

---
 CHANGELOG.md |  2 +-
 css/main.css | 12 ++++++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d72ff4e8..3493d221 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -13,7 +13,7 @@ _This release is scheduled to be released on 2022-04-01._
 
 - Added a config option under the weather module, absoluteDates, providing an option to format weather forecast date output with either absolute or relative dates.
 - Added test for new weather forecast absoluteDates porperty.
-- The modules get a class hidden added/removed if they get hidden/shown
+- The modules get a class hidden added/removed if they get hidden/shown which will also toggle pointer-events.
 - Added new config option `showTitleAsUrl` to newsfeed module. If set, the diplayed title is a link to the article which is useful when running in a browser and you want to read this article.
 - Added internal cors proxy to get weather providers working without public proxies (fixes #2714). The new url `http(s)://address:port/cors?url=https://whatever-to-proxy` can be used in other modules too.
 - Added a WeatherProvider for Weatherflow
diff --git a/css/main.css b/css/main.css
index a36ca5e4..7ad90763 100644
--- a/css/main.css
+++ b/css/main.css
@@ -138,6 +138,14 @@ sup {
   margin-bottom: var(--gap-modules);
 }
 
+.module.hidden {
+  pointer-events: none;
+}
+
+.module:not(.hidden) {
+  pointer-events: auto;
+}
+
 .region.bottom .module {
   margin-top: var(--gap-modules);
   margin-bottom: 0;
@@ -170,10 +178,6 @@ sup {
   pointer-events: none;
 }
 
-.region.fullscreen * {
-  pointer-events: auto;
-}
-
 .region.right {
   right: 0;
   text-align: right;