From ff27cdd04a93e2690504b5c1bd6f946385c6d90e Mon Sep 17 00:00:00 2001
From: Yohan Boniface <yohanboniface@free.fr>
Date: Wed, 27 Sep 2023 10:30:57 +0200
Subject: [PATCH 1/2] Hide attribution on small screen and add a small ? to
 display it

fix #844
---
 umap/static/umap/js/umap.controls.js | 13 +++++++++----
 umap/static/umap/map.css             | 25 ++++++++++++++++++++++++-
 2 files changed, 33 insertions(+), 5 deletions(-)

diff --git a/umap/static/umap/js/umap.controls.js b/umap/static/umap/js/umap.controls.js
index a364b231..0b0ede80 100644
--- a/umap/static/umap/js/umap.controls.js
+++ b/umap/static/umap/js/umap.controls.js
@@ -1130,34 +1130,39 @@ L.U.AttributionControl = L.Control.Attribution.extend({
 
   _update: function () {
     L.Control.Attribution.prototype._update.call(this)
+    // Use our how container, so we can hide/show on small screens
+    const credits = this._container.innerHTML
+    this._container.innerHTML = ''
+    const container = L.DomUtil.add('div', 'attribution-container', this._container, credits)
     if (this._map.options.shortCredit) {
       L.DomUtil.add(
         'span',
         '',
-        this._container,
+        container,
         ` — ${L.Util.toHTML(this._map.options.shortCredit)}`
       )
     }
     if (this._map.options.captionMenus) {
-      const link = L.DomUtil.add('a', '', this._container, ` — ${L._('About')}`)
+      const link = L.DomUtil.add('a', '', container, ` — ${L._('About')}`)
       L.DomEvent.on(link, 'click', L.DomEvent.stop)
         .on(link, 'click', this._map.displayCaption, this._map)
         .on(link, 'dblclick', L.DomEvent.stop)
     }
     if (window.top === window.self && this._map.options.captionMenus) {
       // We are not in iframe mode
-      const home = L.DomUtil.add('a', '', this._container, ` — ${L._('Home')}`)
+      const home = L.DomUtil.add('a', '', container, ` — ${L._('Home')}`)
       home.href = '/'
     }
     if (this._map.options.captionMenus) {
       const poweredBy = L.DomUtil.add(
         'a',
         '',
-        this._container,
+        container,
         ` — ${L._('Powered by uMap')}`
       )
       poweredBy.href = 'https://github.com/umap-project/umap/'
     }
+    L.DomUtil.create('a', 'attribution-toggle', this._container)
   },
 })
 
diff --git a/umap/static/umap/map.css b/umap/static/umap/map.css
index cef43e39..59a41a05 100644
--- a/umap/static/umap/map.css
+++ b/umap/static/umap/map.css
@@ -147,7 +147,14 @@ a.umap-control-less {
     margin-bottom: 5px!important;
     padding: 0.5rem;
 }
-
+.attribution-toggle {
+    display: none;
+    width: 24px;
+    height: 24px;
+    vertical-align: middle;
+    background-image: url('./img/16.svg');
+    background-position: 0px 0px;
+}
 
 
 
@@ -1542,6 +1549,22 @@ a.add-datalayer:hover,
     .umap-popup-large .umap-popup-content {
         width: 300px;
     }
+
+    .attribution-toggle {
+        display: inline-block;
+    }
+    .attribution-container {
+        display: none;
+    }
+    .leaflet-control-attribution:active .attribution-container,
+    .leaflet-control-attribution:hover .attribution-container {
+        display: inline;
+    }
+    .leaflet-control-attribution:hover .attribution-toggle {
+        display: none;
+    }
+
+
 }
 
 /* ****** */

From 3d2ad3c1c6b4b60e0f3fbf74914a21745c26a342 Mon Sep 17 00:00:00 2001
From: Yohan Boniface <yb@enix.org>
Date: Tue, 10 Oct 2023 21:40:34 +0200
Subject: [PATCH 2/2] Update umap/static/umap/map.css

Co-authored-by: David Larlet <3556+davidbgk@users.noreply.github.com>
---
 umap/static/umap/map.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/umap/static/umap/map.css b/umap/static/umap/map.css
index 59a41a05..2f51dc01 100644
--- a/umap/static/umap/map.css
+++ b/umap/static/umap/map.css
@@ -1559,6 +1559,7 @@ a.add-datalayer:hover,
     .leaflet-control-attribution:active .attribution-container,
     .leaflet-control-attribution:hover .attribution-container {
         display: inline;
+        background-color: #fff;
     }
     .leaflet-control-attribution:hover .attribution-toggle {
         display: none;