From 1c34452c6c05bef7ac3771bf700f643fb18869ab Mon Sep 17 00:00:00 2001 From: Philipp Spitzer Date: Tue, 13 Nov 2018 19:40:09 +0100 Subject: [PATCH] Add .css for popups. --- wrmap.css | 43 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 43 insertions(+) create mode 100644 wrmap.css diff --git a/wrmap.css b/wrmap.css new file mode 100644 index 0000000..0cbdfbd --- /dev/null +++ b/wrmap.css @@ -0,0 +1,43 @@ +.ol-popup { + position: absolute; + background-color: white; + -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2)); + filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2)); + padding: 15px; + border-radius: 10px; + border: 1px solid #cccccc; + bottom: 12px; + left: -50px; + min-width: 280px; +} +.ol-popup:after, .ol-popup:before { + top: 100%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} +.ol-popup:after { + border-top-color: white; + border-width: 10px; + left: 48px; + margin-left: -10px; +} +.ol-popup:before { + border-top-color: #cccccc; + border-width: 11px; + left: 48px; + margin-left: -11px; +} +.ol-popup-closer { + text-decoration: none; + position: absolute; + top: 2px; + right: 8px; +} +.ol-popup-closer:after { + content: "✖"; +} + -- 2.30.2