ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update CSS to work outside the examples template

Browse Source 
The existing CSS doesn't work in CodeSandBox etc where ol/ol.css is imported in the JavaScript
This commit is contained in:
mike-000
2019-09-13 13:20:55 +01:00
committed by GitHub
parent 9a0decf592
commit 5c2e92191a
1 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/overviewmap-custom.css
+11 -7
View File
@@ -1,32 +1,36 @@
.ol-custom-overviewmap, .mapcontainer {
.ol-custom-overviewmap.ol-uncollapsible { position: relative;
}
div.ol-custom-overviewmap,
div.ol-custom-overviewmap.ol-uncollapsible {
bottom: auto; bottom: auto;
left: auto; left: auto;
right: 0; right: 0;
top: 0; top: 0;
} }
.ol-custom-overviewmap:not(.ol-collapsed) { div.ol-custom-overviewmap:not(.ol-collapsed) {
border: 1px solid black; border: 1px solid black;
} }
.ol-custom-overviewmap .ol-overviewmap-map { div.ol-custom-overviewmap div.ol-overviewmap-map {
border: none; border: none;
width: 300px; width: 300px;
} }
.ol-custom-overviewmap .ol-overviewmap-box { div.ol-custom-overviewmap div.ol-overviewmap-box {
border: 2px solid red; border: 2px solid red;
} }
.ol-custom-overviewmap:not(.ol-collapsed) button{ div.ol-custom-overviewmap:not(.ol-collapsed) button{
bottom: auto; bottom: auto;
left: auto; left: auto;
right: 1px; right: 1px;
top: 1px; top: 1px;
} }
.ol-rotate { div.ol-rotate {
top: 170px; top: 170px;
right: 0; right: 0;
} }