From d80109132d362199e6d9e370d5f54bd0d6554126 Mon Sep 17 00:00:00 2001 From: Jacek Kowalski <Jacek@jacekk.info> Date: Thu, 29 Jul 2021 22:40:29 +0000 Subject: [PATCH] [map] Allow zero-prefixed stop identifiers (fix for bus stops) --- map.css | 62 +++++++++++++++++++++---------- 1 files changed, 42 insertions(+), 20 deletions(-) diff --git a/map.css b/map.css index 938f5e7..c7ea862 100644 --- a/map.css +++ b/map.css @@ -5,7 +5,7 @@ } #map { - position: absolute; + position: fixed; top: 0; left: 0; right: 0; @@ -15,6 +15,19 @@ #map .ol-attribution { left: 0; right: auto; +} + +.close, .hide { + float: right; + cursor: pointer; + font-size: 1.5em; + padding-left: 1em; + color: black; +} +#fail .close { + font-size: inherit; + height: 1em; + color: black; } .panel { @@ -28,7 +41,7 @@ transition: right .4s, width .4s; - position: absolute; + position: fixed; width: 350px; right: -365px; top: 0; @@ -37,9 +50,9 @@ .panel.expanded { right: 0; } - .panel .hide { display: none; + padding: 0px 1em; } .panel.enabled .hide { display: block; @@ -77,17 +90,6 @@ margin-right: 10px; } } - -.close, .hide { - float: right; - cursor: pointer; - font-size: 20px; - padding: 0px 10px; -} -#fail .close { - font-size: inherit; - height: 1em; -} .panel .type { padding-bottom: 0; color: #444; @@ -99,6 +101,13 @@ } .panel .name { font-weight: bold; + padding-bottom: 0; +} +.panel .name .icon { + margin: -5px 0.2rem 0; + text-indent: 2rem; + font-size: 1.4rem; + vertical-align: top; } .panel .vehicleInfo { font-size: 21px; @@ -135,17 +144,30 @@ float: right; } -.addon-icon { - margin-left: 0.2rem; +.post-nav { + display: flex; + flex-wrap: wrap; } -.normal-icon, .addon-icon { - font-size: 1rem; +.post-nav > * { + flex-basis: 0; + flex-grow: 1; } + +.left { + text-align: left; +} +.center { + text-align: center; +} +.right { + text-align: right; +} + .icon, .icon-loc, .icon-pin, .icon-zoom { display: inline-block; height: 1em; width: 1em; - text-indent: 1rem; + text-indent: 1.5em; overflow: hidden; background-size: contain; background-repeat: no-repeat; @@ -219,7 +241,7 @@ display: none; } -a { +a, .close:hover, .hide:hover { color: #337ab7; text-decoration: none; cursor: pointer; -- Gitblit v1.9.1