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

Better design for the full-screen examples

Browse Source 
The text div is now placed in the top-right corner of the page. This is to avoid overlapping with the attribution div. On screens that are smaller that 600px the text div is not deplayed at all.
This commit is contained in:
Éric Lemoine
2012-10-21 21:11:27 +02:00
parent 1e0b43dd00
commit 7ce79207e3
2 changed files with 16 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
examples/full-screen.html
View File

@@ -14,12 +14,17 @@
}
#text {
position: absolute;
bottom: 1em;
left: 1em;
width: 512px;
top: 8px;
right: 8px;
z-index: 20000;
background-color: white;
padding: 0 0.5em 0.5em 0.5em;
border-radius: 4px;
}
@media only screen and (max-width: 600px) {
#text {
display: none;
}
}
</style>
<title>Full-screen example</title>

11
examples/overlay-and-popup.html
View File

@@ -14,12 +14,17 @@
}
#text {
position: absolute;
bottom: 1em;
left: 1em;
width: 512px;
top: 8px;
right: 8px;
z-index: 20000;
background-color: white;
padding: 0 0.5em 0.5em 0.5em;
border-radius: 4px;
}
@media only screen and (max-width: 600px) {
#text {
display: none;
}
}
.overlay {
display: none;