From 6272c083f3f4bea52f1e96caf1104965f7cd2d88 Mon Sep 17 00:00:00 2001 From: Andreas Kristiansen <6977712+AndreasK79@users.noreply.github.com> Date: Sun, 7 Apr 2024 15:47:55 +0200 Subject: [PATCH] [Maps] Tweaked legend map some more --- assets/css/cyborg/overrides.css | 18 ------------ assets/css/cyborg_wide/overrides.css | 18 ------------ assets/css/darkly/overrides.css | 18 ------------ assets/css/darkly_wide/overrides.css | 18 ------------ assets/css/general.css | 38 ++++++++++++++++++++----- assets/css/superhero/overrides.css | 18 ------------ assets/css/superhero_wide/overrides.css | 18 ------------ 7 files changed, 31 insertions(+), 115 deletions(-) diff --git a/assets/css/cyborg/overrides.css b/assets/css/cyborg/overrides.css index 7166c1730..6c9f4ea16 100644 --- a/assets/css/cyborg/overrides.css +++ b/assets/css/cyborg/overrides.css @@ -199,22 +199,4 @@ path.grid-worked { #quicklog-form .border, #searchbar-form .border { border-color: #4d4d4d !important; -} - -.legend h4 { - color: rgb(255, 255, 255) !important; -} - -.legend { - background-color: rgba(22, 26, 27) !important; - color: rgb(255, 255, 255) !important; -} - -.info h4 { - color: rgb(255, 255, 255) !important; -} - -.info { - background-color: rgba(22, 26, 27) !important; - color: rgb(255, 255, 255) !important; } \ No newline at end of file diff --git a/assets/css/cyborg_wide/overrides.css b/assets/css/cyborg_wide/overrides.css index 9eb7eff34..1dbf2c575 100644 --- a/assets/css/cyborg_wide/overrides.css +++ b/assets/css/cyborg_wide/overrides.css @@ -254,22 +254,4 @@ path.grid-worked { #quicklog-form .border, #searchbar-form .border { border-color: #4d4d4d !important; -} - -.legend h4 { - color: rgb(255, 255, 255) !important; -} - -.legend { - background-color: rgba(22, 26, 27) !important; - color: rgb(255, 255, 255) !important; -} - -.info h4 { - color: rgb(255, 255, 255) !important; -} - -.info { - background-color: rgba(22, 26, 27) !important; - color: rgb(255, 255, 255) !important; } \ No newline at end of file diff --git a/assets/css/darkly/overrides.css b/assets/css/darkly/overrides.css index 51ecc28ea..5508ec336 100644 --- a/assets/css/darkly/overrides.css +++ b/assets/css/darkly/overrides.css @@ -212,22 +212,4 @@ div.alert-danger { #quicklog-form .border, #searchbar-form .border { border-color: #757575 !important; -} - -.legend h4 { - color: rgb(255, 255, 255) !important; -} - -.legend { - background-color: rgba(22, 26, 27) !important; - color: rgb(255, 255, 255) !important; -} - -.info h4 { - color: rgb(255, 255, 255) !important; -} - -.info { - background-color: rgba(22, 26, 27) !important; - color: rgb(255, 255, 255) !important; } \ No newline at end of file diff --git a/assets/css/darkly_wide/overrides.css b/assets/css/darkly_wide/overrides.css index 0ccad3f17..7a0878e2b 100644 --- a/assets/css/darkly_wide/overrides.css +++ b/assets/css/darkly_wide/overrides.css @@ -268,22 +268,4 @@ div.alert-danger { #quicklog-form .border, #searchbar-form .border { border-color: #757575 !important; -} - -.legend h4 { - color: rgb(255, 255, 255) !important; -} - -.legend { - background-color: rgba(22, 26, 27) !important; - color: rgb(255, 255, 255) !important; -} - -.info h4 { - color: rgb(255, 255, 255) !important; -} - -.info { - background-color: rgba(22, 26, 27) !important; - color: rgb(255, 255, 255) !important; } \ No newline at end of file diff --git a/assets/css/general.css b/assets/css/general.css index 9dacfd2a7..c14488ca8 100644 --- a/assets/css/general.css +++ b/assets/css/general.css @@ -881,16 +881,19 @@ label { .legend { padding: 6px 8px; font: 14px Arial, Helvetica, sans-serif; - background: white; line-height: 24px; - color: #555; + color: rgb(255, 255, 255) !important; + border-color: #fff; + border-width: 1px; + border-style: solid; border-radius: 10px; + background-color: rgb(52, 55, 56) !important; } .legend h4 { text-align: center; font-size: 16px; margin: 2px 12px 8px; - color: #777; + color: rgb(255, 255, 255) !important; } .legend span { position: relative; @@ -906,13 +909,34 @@ label { .info { padding: 6px 8px; font: 14px/16px Arial, Helvetica, sans-serif; - background: white; - background: rgba(255,255,255); box-shadow: 0 0 15px rgba(0,0,0,0.2); border-radius: 5px; - color: #555; + background-color: rgb(52, 55, 56) !important; + color: rgb(255, 255, 255) !important; + border-color: #fff; + border-width: 1px; + border-style: solid; } .info h4 { margin: 0 0 5px; - color: #555; + color: rgb(255, 255, 255) !important; +} + +.leaflet-popup-content-wrapper { + background-color: rgb(52, 55, 56) !important; + color: rgb(255, 255, 255) !important; + border-color: #fff; + border-width: 1px; + border-style: solid; +} + +.leaflet-popup-close-button { + color: rgb(255, 255, 255) !important; +} + +.leaflet-popup-tip { + background-color: rgb(52, 55, 56) !important; + border-color: #fff; + border-width: 1px; + border-style: solid; } \ No newline at end of file diff --git a/assets/css/superhero/overrides.css b/assets/css/superhero/overrides.css index 070557edf..5da20876f 100644 --- a/assets/css/superhero/overrides.css +++ b/assets/css/superhero/overrides.css @@ -210,22 +210,4 @@ div.alert-danger { #quicklog-form .border, #searchbar-form .border { border-color: #959595 !important; -} - -.legend h4 { - color: rgb(255, 255, 255) !important; -} - -.legend { - background-color: rgba(22, 26, 27) !important; - color: rgb(255, 255, 255) !important; -} - -.info h4 { - color: rgb(255, 255, 255) !important; -} - -.info { - background-color: rgba(22, 26, 27) !important; - color: rgb(255, 255, 255) !important; } \ No newline at end of file diff --git a/assets/css/superhero_wide/overrides.css b/assets/css/superhero_wide/overrides.css index 6ea1b9d5f..b5367b4f4 100644 --- a/assets/css/superhero_wide/overrides.css +++ b/assets/css/superhero_wide/overrides.css @@ -264,22 +264,4 @@ div.alert-danger { #quicklog-form .border, #searchbar-form .border { border-color: #959595 !important; -} - -.legend h4 { - color: rgb(255, 255, 255) !important; -} - -.legend { - background-color: rgba(22, 26, 27) !important; - color: rgb(255, 255, 255) !important; -} - -.info h4 { - color: rgb(255, 255, 255) !important; -} - -.info { - background-color: rgba(22, 26, 27) !important; - color: rgb(255, 255, 255) !important; } \ No newline at end of file