Gray out a detached popover before recyling it.

1 files changed, 7 insertions, 1 deletions

diff --git a/style.css b/style.css
index 09d00f2..6a1b1eb 100644
--- a/style.css
+++ b/style.css
@@ -24,7 +24,7 @@ html, body {
   --map-container-padding: 1rem;
 }
 
-body.progress {
+body.inprogress {
   cursor: wait;
 }
 
@@ -349,10 +349,16 @@ body.progress {
   width: var(--bs-popover-max-width);
   pointer-events: auto;
 }
+.popover.inprogress > .popover-header,
+.popover.inprogress > .popover-body {
+  filter: opacity(70%);
+  pointer-events: none;
+}
 .popover-header {
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
+  --bs-heading-color: var(--bs-popover-header-color);
 }
 .popover-body {
   -webkit-user-select: text;