From 8a622af06ed09b964060de732b5593fe30f63560 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Stephan=20B=C3=B6sch-Plepelits?= Date: Thu, 15 Oct 2020 20:55:09 +0200 Subject: [PATCH] Popup: Scroll shadow to indicate more content --- style.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/style.css b/style.css index e4c7ee02..c695c4eb 100644 --- a/style.css +++ b/style.css @@ -582,3 +582,19 @@ ul.overpass-layer-list > li > a > .content > .details { .leaflet-popup-content h1 .title { font-style: italic; } + +.leaflet-popup-content-wrapper { + overflow: hidden; +} + +.scroll-shadow, +.leaflet-popup-content { + background: + linear-gradient(white 30%, hsla(0,0%,100%, 0)), + linear-gradient(hsla(0,0%,100%,0) 10px, white 70%) bottom, + radial-gradient(at top, rgba(0,0,0,0.2), transparent 70%), + radial-gradient(at bottom, rgba(0,0,0,0.2), transparent 70%) bottom; + background-repeat:no-repeat; + background-size: 100% 20px, 100% 20px, 100% 10px, 100% 10px; + background-attachment:local, local, scroll, scroll; +}