From a4cc3b710b412588f53a4491165e6d133a4af1a3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Stephan=20B=C3=B6sch-Plepelits?= Date: Wed, 28 Mar 2018 15:27:26 +0200 Subject: [PATCH] Popup Footer: use a list for links --- src/CategoryOverpass.js | 6 +++--- style.css | 10 ++++++---- 2 files changed, 9 insertions(+), 7 deletions(-) diff --git a/src/CategoryOverpass.js b/src/CategoryOverpass.js index 0aed8710..19018688 100644 --- a/src/CategoryOverpass.js +++ b/src/CategoryOverpass.js @@ -391,9 +391,9 @@ CategoryOverpass.prototype.updatePopupContent = function (object, popup) { popupBody.innerHTML = this.popupBodyTemplate.render(data) } - var footer = document.createElement('div') - footer.className = 'footer' - var footerContent = '' + lang('show details') + '' + var footer = document.createElement('ul') + footer.className = 'popup-footer' + var footerContent = '
  • ' + lang('show details') + '
  • ' footer.innerHTML = footerContent popup._contentNode.appendChild(footer) diff --git a/style.css b/style.css index 3fab58f5..2442f96a 100644 --- a/style.css +++ b/style.css @@ -109,11 +109,13 @@ a:active { margin-left: 0; } -#content a.showDetails { - display: none; +.leaflet-popup-content ul.popup-footer { + padding: 0; } -a.showDetails { - display: block; +.leaflet-popup-content ul.popup-footer li { + display: inline-block; + list-style: none; + padding-right: 1em; } /* Footer */