Merge pull request #78 from RicoElectrico/development

Add a phase-out banner.
openstreetmap-polska · Jan 26, 2024 · c5b5a3f · c5b5a3f
2 parents b4c7be9 + 33d768a
commit c5b5a3f
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 5 deletions.
diff --git a/web/css/main.css b/web/css/main.css
@@ -17,11 +17,47 @@
     opacity: 0.7 !important;
   }
 
-  #map {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    width: 100%;
+  .notification-banner > p > a {
+    color: #3ec487;
+  }
+
+  @media (max-width: 600px) {
+    .notification-banner {
+      background-color: rgb(255, 255, 157);
+      width: 100%;
+      height: 54px;
+      z-index: 1000;
+      padding: 4px;
+      font-weight: bold;
+      text-align: center;
+    }
+  }
+  @media (max-width: 600px) {
+    #map {
+      position: absolute;
+      top: 54px;
+      bottom: 0;
+      width: 100%;
+    }
+  }
+  @media (min-width: 600px) {
+    .notification-banner {
+      background-color: rgb(255, 255, 157);
+      width: 100%;
+      height: 32px;
+      z-index: 1000;
+      padding: 4px;
+      font-weight: bold;
+      text-align: center;
+    }
+  }
+  @media (min-width: 600px) {
+    #map {
+      position: absolute;
+      top: 32px;
+      bottom: 0;
+      width: 100%;
+    }
   }
 
   .delete {

diff --git a/web/index.html b/web/index.html
@@ -46,6 +46,9 @@
 </head>
 
 <body>
+<div class="notification-banner">
+    <p>Korzystasz ze starej wersji aplikacji. Zapraszamy na <a href="https://openaedmap.org/pl/#map=5/51.8/19.53">OpenAEDMap.org</a>!</p>
+</div>
 <nav aria-label="main navigation" class="navbar is-success pl-1">
   <div class="navbar-brand">
     <a class="has-text-weight-light navbar-item has-text-white-ter is-size-4 is-size-5-mobile pr-1 pl-2" href="#">