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

Merge pull request #9839 from mike-000/patch-1

Browse Source 
Enable correct display of side-by-side example when not using the examples template
This commit is contained in:
Andreas Hocevar
2019-08-09 00:40:38 +02:00
committed by GitHub
parent e31e4b7867 a340da8f6e
commit 78cf32ae70
2 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/side-by-side.css
+3
View File
@@ -1,4 +1,7 @@
@media (min-width: 800px) { @media (min-width: 800px) {
.wrapper {
display: flex;
}
.half { .half {
padding: 0 10px; padding: 0 10px;
width: 50%; width: 50%;
examples/side-by-side.html
+9 -7
View File
@@ -9,11 +9,13 @@ cloak:
- key: As1HiMj1PvLPlqc_gtM7AqZfBL8ZL3VrjaS3zIb22Uvb9WKhuJObROC-qUpa81U5 - key: As1HiMj1PvLPlqc_gtM7AqZfBL8ZL3VrjaS3zIb22Uvb9WKhuJObROC-qUpa81U5
value: Your Bing Maps Key from http://www.bingmapsportal.com/ here value: Your Bing Maps Key from http://www.bingmapsportal.com/ here
--- ---
<div class="half"> <div class="wrapper">
<h4>Road</h4> <div class="half">
<div id="roadMap" class="map"></div> <h4>Road</h4>
</div> <div id="roadMap" class="map"></div>
<div class="half"> </div>
<h4>Aerial</h4> <div class="half">
<div id="aerialMap" class="map"></div> <h4>Aerial</h4>
<div id="aerialMap" class="map"></div>
</div>
</div> </div>