kopia lustrzana https://github.com/openstreetmap-polska/aed-mapa
Add a phase-out banner.
rodzic
b4c7be9e77
commit
d1f71766a2
|
@ -17,11 +17,47 @@
|
||||||
opacity: 0.7 !important;
|
opacity: 0.7 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#map {
|
.notification-banner > p > a {
|
||||||
position: absolute;
|
color: #3ec487;
|
||||||
top: 0;
|
}
|
||||||
bottom: 0;
|
|
||||||
width: 100%;
|
@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 {
|
.delete {
|
||||||
|
|
|
@ -46,6 +46,9 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<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">
|
<nav aria-label="main navigation" class="navbar is-success pl-1">
|
||||||
<div class="navbar-brand">
|
<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="#">
|
<a class="has-text-weight-light navbar-item has-text-white-ter is-size-4 is-size-5-mobile pr-1 pl-2" href="#">
|
||||||
|
|
Ładowanie…
Reference in New Issue