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

18
examples/overviewmap-custom.css
View File

@@ -1,32 +1,36 @@
.ol-custom-overviewmap,
.ol-custom-overviewmap.ol-uncollapsible {
.mapcontainer {
position: relative;
}
div.ol-custom-overviewmap,
div.ol-custom-overviewmap.ol-uncollapsible {
bottom: auto;
left: auto;
right: 0;
top: 0;
}
.ol-custom-overviewmap:not(.ol-collapsed) {
div.ol-custom-overviewmap:not(.ol-collapsed) {
border: 1px solid black;
}
.ol-custom-overviewmap .ol-overviewmap-map {
div.ol-custom-overviewmap div.ol-overviewmap-map {
border: none;
width: 300px;
}
.ol-custom-overviewmap .ol-overviewmap-box {
div.ol-custom-overviewmap div.ol-overviewmap-box {
border: 2px solid red;
}
.ol-custom-overviewmap:not(.ol-collapsed) button{
div.ol-custom-overviewmap:not(.ol-collapsed) button{
bottom: auto;
left: auto;
right: 1px;
top: 1px;
}
.ol-rotate {
div.ol-rotate {
top: 170px;
right: 0;
}