Add a simple dialog to switch between ‘topowebb’ and ‘topowebb_nedtonad’.

1 files changed, 21 insertions, 0 deletions

diff --git a/style.css b/style.css
index be58089..d66db40 100644
--- a/style.css
+++ b/style.css
@@ -1,3 +1,5 @@
+@import "~bootstrap/dist/css/bootstrap.css";
+@import "~bootstrap-icons/font/bootstrap-icons.css";
 @import "~ol/ol.css";
 
 html, body {
@@ -10,3 +12,22 @@ html, body {
   bottom: 0;
   width: 100%;
 }
+#layer-selection-btn {
+  right: .5em;
+  top: .5em;
+}
+.map-dialog-hidden {
+  display: none;
+}
+.map-dialog {
+  top: .5em;
+  right: calc(.5em + 1.375em + 2px + .2em);
+  background: var(--ol-partial-background-color);
+  border: 1px solid var(--ol-subtle-background-color);
+  padding: 1ex;
+}
+@media screen and (max-width: 500px) {
+  #layer-selection-btn {
+    display: none;
+  }
+}