From eddb5024ee2c447d5db0090b2bef3c08420c902a Mon Sep 17 00:00:00 2001 From: Jacek Kowalski <Jacek@jacekk.info> Date: Sat, 06 Jul 2019 00:01:22 +0000 Subject: [PATCH] Fix map and panel animations (use position: fixed instead of absolute) --- map.html | 27 ++++++++++++++++----------- 1 files changed, 16 insertions(+), 11 deletions(-) diff --git a/map.html b/map.html index c04893f..f052b3d 100644 --- a/map.html +++ b/map.html @@ -1,22 +1,27 @@ <!DOCTYPE html> <html> <head> -<title>TTSS Kraków - Map</title> +<title>TTSS Kraków - Mapa</title> <meta charset="utf-8" /> -<link rel="stylesheet" href="https://openlayers.org/en/v4.1.0/css/ol.css" type="text/css" /> -<link rel="stylesheet" href="map.css" type="text/css" /> +<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?v6" type="text/css" /> +<link rel="manifest" href="map.manifest" /> </head> <body> <div id="map"> <div id="title" class="ol-unselectable ol-control"><a href="/">TTSS Kraków</a></div> -<div id="fail" class="ol-unselectable ol-control"></div> -<div id="popup"></div> +<div id="fail" class="ol-unselectable ol-control"><span></span> <span class="close">×</p></div> +<div id="menu" class="ol-unselectable ol-control"> +<button id="find" type="button" title="Find"><span class="icon-zoom normal-icon reverse"></span></button> +<button id="track" type="button" title="GPS"><span class="icon-loc reverse"></span></button> </div> -<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha384-3ceskX3iaEnIogmQchP8opvBy3Mi7Ce34nWjpBIwVTHfGYWQS9jwHDVRnpKKHJg7" crossorigin="anonymous"></script> -<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList"></script> -<script src="https://openlayers.org/en/v4.1.0/build/ol.js" integrity="sha384-FkrvSU9IkctjoF6eTvw82jZvg4Rn04zw5X2nCQnYF+vT8IbAY+DJ23IIoaVDtiMe" crossorigin="anonymous"></script> -<script tyle="text/javascript" src="lang_en.js" id="lang_script"></script> -<script tyle="text/javascript" src="common.js"></script> -<script tyle="text/javascript" src="map.js"></script> +</div> +<div id="panel"></div> +<script src="https://polyfill.io/v3/polyfill.min.js?features=Array.prototype.forEach,Array.prototype.includes,Array.prototype.map,Element.prototype.classList,Promise,String.prototype.startsWith,XMLHttpRequest,requestAnimationFrame"></script> +<script src="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v5.3.0/build/ol.js" integrity="sha384-iQkGyyH4ioz3m+maM3s9MX1Oq67mACa4B9Z3ovUv3Sv37LJ96fx3WnZfLoiC3Wfl" crossorigin="anonymous"></script> +<script tyle="text/javascript" src="lang_pl.js?v10" id="lang_script"></script> +<script tyle="text/javascript" src="common.js?v10"></script> +<script tyle="text/javascript" src="map.js?v25"></script> </body> </html> -- Gitblit v1.9.1