Fix map and panel animations (use position: fixed instead of absolute)
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | #map { |
|---|
| | | position: absolute; |
|---|
| | | position: fixed; |
|---|
| | | top: 0; |
|---|
| | | left: 0; |
|---|
| | | right: 0; |
|---|
| | |
|---|
| | | |
|---|
| | | transition: right .4s, width .4s; |
|---|
| | | |
|---|
| | | position: absolute; |
|---|
| | | position: fixed; |
|---|
| | | width: 350px; |
|---|
| | | right: -365px; |
|---|
| | | top: 0; |
|---|
| | |
|---|
| | | <meta charset="utf-8" /> |
|---|
| | | <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width" /> |
|---|
| | | <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v5.3.0/css/ol.css" integrity="sha384-C7SzZySesoxngSK5V0BaD1DUap0LPZGWZpnXQGoIwvBXFc8G21y4s1QYvyr84FNa" crossorigin="anonymous"> |
|---|
| | | <link rel="stylesheet" href="map.css?v5" type="text/css" /> |
|---|
| | | <link rel="stylesheet" href="map.css?v6" type="text/css" /> |
|---|
| | | <link rel="manifest" href="map.manifest" /> |
|---|
| | | </head> |
|---|
| | | <body> |
|---|
