From 896352bd8b37dcbd4a76924916959756dc56800f Mon Sep 17 00:00:00 2001 From: mike-000 <49240900+mike-000@users.noreply.github.com> Date: Sun, 12 Jul 2020 12:21:05 +0100 Subject: [PATCH 1/9] remove container div --- examples/overviewmap-custom.html | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/examples/overviewmap-custom.html b/examples/overviewmap-custom.html index 852b11366b..8b06bd2132 100644 --- a/examples/overviewmap-custom.html +++ b/examples/overviewmap-custom.html @@ -10,7 +10,5 @@ cloak: value: Your API key from http://www.thunderforest.com/docs/apikeys/ here --- -
-
-
+
Rotate with view
From 2bc3f2ed73e75aa68e2323e001f965adb1a3c390 Mon Sep 17 00:00:00 2001 From: mike-000 <49240900+mike-000@users.noreply.github.com> Date: Sun, 12 Jul 2020 12:28:41 +0100 Subject: [PATCH 2/9] remove dependence on container div --- examples/overviewmap-custom.css | 17 +++++++---------- 1 file changed, 7 insertions(+), 10 deletions(-) diff --git a/examples/overviewmap-custom.css b/examples/overviewmap-custom.css index 2b3e9a749e..4f740daaf9 100644 --- a/examples/overviewmap-custom.css +++ b/examples/overviewmap-custom.css @@ -1,36 +1,33 @@ -.mapcontainer { - position: relative; -} -div.ol-custom-overviewmap, -div.ol-custom-overviewmap.ol-uncollapsible { +.map .ol-custom-overviewmap, +.map .ol-custom-overviewmap.ol-uncollapsible { bottom: auto; left: auto; right: 0; top: 0; } -div.ol-custom-overviewmap:not(.ol-collapsed) { +.map .ol-custom-overviewmap:not(.ol-collapsed) { border: 1px solid black; } -div.ol-custom-overviewmap div.ol-overviewmap-map { +.map .ol-custom-overviewmap .map .ol-overviewmap-map { border: none; width: 300px; } -div.ol-custom-overviewmap div.ol-overviewmap-box { +.map .ol-custom-overviewmap .map .ol-overviewmap-box { border: 2px solid red; } -div.ol-custom-overviewmap:not(.ol-collapsed) button{ +.map .ol-custom-overviewmap:not(.ol-collapsed) button{ bottom: auto; left: auto; right: 1px; top: 1px; } -div.ol-rotate { +.map .ol-rotate { top: 170px; right: 0; } From 942b306a97ac82dd50116192ccf7802a0e681b88 Mon Sep 17 00:00:00 2001 From: mike-000 <49240900+mike-000@users.noreply.github.com> Date: Sun, 12 Jul 2020 12:45:14 +0100 Subject: [PATCH 3/9] make compatible with ol.css import and with IE --- examples/mapbox-style.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/examples/mapbox-style.css b/examples/mapbox-style.css index c79f84a2c1..00452f8269 100644 --- a/examples/mapbox-style.css +++ b/examples/mapbox-style.css @@ -1,6 +1,6 @@ -.ol-rotate { +.map .ol-rotate { left: .5em; bottom: .5em; - top: unset; - right: unset; -} \ No newline at end of file + top: auto; + right: auto; +} From d8a440ba4a131daa833878cc2cec307ca0bea86a Mon Sep 17 00:00:00 2001 From: mike-000 <49240900+mike-000@users.noreply.github.com> Date: Sun, 12 Jul 2020 12:45:22 +0100 Subject: [PATCH 4/9] make compatible with ol.css import and with IE --- examples/offscreen-canvas.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/examples/offscreen-canvas.css b/examples/offscreen-canvas.css index 10bacb9a63..aa8012667b 100644 --- a/examples/offscreen-canvas.css +++ b/examples/offscreen-canvas.css @@ -1,9 +1,9 @@ .map { background: rgba(232, 230, 223, 1); } -.ol-rotate { +.map .ol-rotate { left: .5em; bottom: .5em; - top: unset; - right: unset; -} \ No newline at end of file + top: auto; + right: auto; +} From 6ea784ae1b5a99e8b25c4da510fe8172f15b3ffc Mon Sep 17 00:00:00 2001 From: mike-000 <49240900+mike-000@users.noreply.github.com> Date: Sun, 12 Jul 2020 12:54:14 +0100 Subject: [PATCH 5/9] make compatible with ol.css import --- examples/full-screen.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/examples/full-screen.css b/examples/full-screen.css index 5bb198a848..2ec512bf8b 100644 --- a/examples/full-screen.css +++ b/examples/full-screen.css @@ -8,6 +8,6 @@ .map:fullscreen { height: 100%; } -.ol-rotate { +.map .ol-rotate { top: 3em; } From 635f380a9dddfe16b10cc65bfdf7184f366b91d2 Mon Sep 17 00:00:00 2001 From: mike-000 <49240900+mike-000@users.noreply.github.com> Date: Sun, 12 Jul 2020 12:57:25 +0100 Subject: [PATCH 6/9] make compatible with ol.css import --- examples/full-screen-drag-rotate-and-zoom.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/examples/full-screen-drag-rotate-and-zoom.css b/examples/full-screen-drag-rotate-and-zoom.css index ead380e32a..9dd0bbfcef 100644 --- a/examples/full-screen-drag-rotate-and-zoom.css +++ b/examples/full-screen-drag-rotate-and-zoom.css @@ -9,6 +9,6 @@ height: 100%; } /* position the rotate control lower than usual */ -.ol-rotate { +.map .ol-rotate { top: 3em; } From 30d48573a7878f08a06ceae082e0e1769ad058f6 Mon Sep 17 00:00:00 2001 From: mike-000 <49240900+mike-000@users.noreply.github.com> Date: Sun, 12 Jul 2020 13:04:34 +0100 Subject: [PATCH 7/9] make compatible with ol.css import --- examples/full-screen-source.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/examples/full-screen-source.css b/examples/full-screen-source.css index 958e346cc5..6692649886 100644 --- a/examples/full-screen-source.css +++ b/examples/full-screen-source.css @@ -16,7 +16,7 @@ height: 400px; } -.ol-rotate { +.map .ol-rotate { top: 3em; } From 54fc7439b4ea56622c7d6ff0c9be0c2cf691bda8 Mon Sep 17 00:00:00 2001 From: mike-000 <49240900+mike-000@users.noreply.github.com> Date: Sun, 12 Jul 2020 13:47:02 +0100 Subject: [PATCH 8/9] make style override consistent with other examples --- examples/center.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/examples/center.css b/examples/center.css index f3eea4d4cb..ea1b3377d3 100644 --- a/examples/center.css +++ b/examples/center.css @@ -6,15 +6,16 @@ width: 1000px; height: 600px; } -div.ol-zoom { +.map .ol-zoom { top: 178px; left: 158px; } -div.ol-rotate { +.map .ol-rotate { top: 178px; right: 58px; } -.map div.ol-attribution { +.map .ol-attribution, +.map .ol-attribution.ol-uncollapsible { bottom: 30px; right: 50px; } From 8321cc6fbf98d46867f8263ac1face5b12047683 Mon Sep 17 00:00:00 2001 From: mike-000 <49240900+mike-000@users.noreply.github.com> Date: Sun, 12 Jul 2020 14:15:49 +0100 Subject: [PATCH 9/9] remove dependence on container div --- examples/overviewmap-custom.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/examples/overviewmap-custom.css b/examples/overviewmap-custom.css index 4f740daaf9..82cc4e4f1f 100644 --- a/examples/overviewmap-custom.css +++ b/examples/overviewmap-custom.css @@ -11,12 +11,12 @@ border: 1px solid black; } -.map .ol-custom-overviewmap .map .ol-overviewmap-map { +.map .ol-custom-overviewmap .ol-overviewmap-map { border: none; width: 300px; } -.map .ol-custom-overviewmap .map .ol-overviewmap-box { +.map .ol-custom-overviewmap .ol-overviewmap-box { border: 2px solid red; }