From ce8488b488ac218cb5b9fcf72873dc7b3d836531 Mon Sep 17 00:00:00 2001
From: Guilhem Moulin <guilhem@fripost.org>
Date: Sat, 7 Jun 2025 23:41:44 +0200
Subject: Add a dynamic legend.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

(Long overdue…)
---
 style.css | 51 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 51 insertions(+)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 3569e6e..c5b527c 100644
--- a/style.css
+++ b/style.css
@@ -222,6 +222,11 @@ body.inprogress {
     opacity: 1;
   }
 }
+#map-legend-panel .modal-body {
+  -webkit-user-select: text;
+  -moz-user-select: text;
+  user-select: text;
+}
 #layer-selection-panel[aria-hidden="false"],
 #map-legend-panel[aria-hidden="false"] {
   animation: fade-in .25s ease-in-out both;
@@ -250,6 +255,10 @@ body.inprogress {
   }
 }
 
+#map-legend-button.disabled button {
+  color: rgb(from var(--bs-btn-color) r g b / calc(alpha*.25));
+  pointer-events: none;
+}
 @media screen and (max-width: 200px) {
   #layer-selection-button,
   #map-legend-button,
@@ -397,6 +406,48 @@ body.inprogress {
 #layer-selection-panel .accordion-item .form-check > .form-check-label {
   display: inline;
 }
+#map-legend-panel .list-group-flush > .list-group-item {
+  border: none;
+  padding: 0;
+}
+#map-legend-panel .modal-body > ul.list-group > li.list-group-item:not(.d-none) ~ li.list-group-item:not(.d-none) {
+  border-top: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
+  margin-top: .5rem;
+  padding-top: .5rem;
+}
+#map-legend-panel .list-group .list-group-item.h4,
+#map-legend-panel .list-group .list-group-item.h5,
+#map-legend-panel .list-group .list-group-item.h6 {
+  margin: 0 0 .25rem 0;
+}
+#map-legend-panel .list-group .list-group-item:not(.d-none) ~ .list-group-item.h5:not(.d-none) {
+  margin-top: .125rem;
+}
+#map-legend-panel .list-group .list-group-item.h4 {
+  font-size: 1.3rem;
+}
+#map-legend-panel .list-group .list-group-item.h5 {
+  font-size: 1.05rem;
+}
+#map-legend-panel .list-group .list-group-item.h6 {
+  font-size: 1rem;
+}
+#map-legend-panel .list-group .list-group-item .map-legend-symbol {
+  /* 24px */
+  height: calc(var(--bs-body-line-height) * var(--bs-body-font-size)) !important;
+}
+#map-legend-panel .list-group .list-group-item .map-legend-symbol > * {
+  width: 32px;
+  margin-right: .5rem;
+}
+#map-legend-panel .list-group .list-group-item .map-legend-symbol img {
+  margin-left: auto;
+  margin-right: auto;
+  display: block;
+}
+#map-legend-panel .list-group .list-group-item:not(.h4,.h5,.h6):hover {
+  background-color: var(--bs-list-group-action-hover-bg);
+}
 
 .popover {
   --bs-popover-header-padding-x: .75rem;
-- 
cgit v1.2.3