diff options
author | Guilhem Moulin <guilhem@fripost.org> | 2024-01-14 00:23:53 +0100 |
---|---|---|
committer | Guilhem Moulin <guilhem@fripost.org> | 2024-01-14 04:14:17 +0100 |
commit | ede24258052a37ab6db54553a3d4d846b1870b6c (patch) | |
tree | 76e890299bda5af56f21dd775e2a8a4e4d89f5e8 /style.css | |
parent | a95bd079fd3b2639c0c1e4b0b637fa67c0a2e4ac (diff) |
Add an example with a page containg the map in an <iframe>.
Diffstat (limited to 'style.css')
-rw-r--r-- | style.css | 16 |
1 files changed, 13 insertions, 3 deletions
@@ -16,7 +16,6 @@ html, body { --ol-brand-color: red; } - #map { position: absolute; top: 0; @@ -103,7 +102,7 @@ html, body { border: 1px solid var(--bs-body-color); border-top: none; color: var(--bs-body-color); - font-size: small; + font-size: 80%; margin: 0; } @@ -201,13 +200,15 @@ html, body { #map-menu .ol-full-screen { display: none; } +} +@media screen and (min-width: 350px) and (max-width: 576px) { #map-menu #info-button { bottom: 0; right: 0; position: absolute; } } -@media screen and (max-height: 576px) { +@media screen and (max-height: 576px), (max-width: 500px) { #zoom-control .ol-zoomslider { display: none; } @@ -217,3 +218,12 @@ html, body { max-width: 60%; } } +@media screen and (max-height: 300px) { + body { + --bs-body-font-size: .8rem; + } + .ol-control button.btn { + --bs-btn-padding-x: 0.4rem; + --bs-btn-padding-y: 0.4rem; + } +} |