From 3d2caa78a0a7db5d6247b1a179a314804725bd8d Mon Sep 17 00:00:00 2001 From: Jacek Kowalski <Jacek@jacekk.info> Date: Thu, 31 Jan 2019 02:53:47 +0000 Subject: [PATCH] tramIdToVehicleId translation using vehicles_info variable (again) --- map.css | 63 +++++++++++++++++++++++++++---- 1 files changed, 54 insertions(+), 9 deletions(-) diff --git a/map.css b/map.css index a6e04f6..56ca077 100644 --- a/map.css +++ b/map.css @@ -25,15 +25,16 @@ font-size: 14px; position: absolute; - width: 300px; - right: -315px; + width: 350px; + right: -365px; top: 0; bottom: 0; - transition: right .4s; - transition: width .4s; + transition: right .4s, width .4s; - opacity: .8; + opacity: .85; + + overflow-y: auto; } #popup.show { @@ -42,7 +43,7 @@ @media (max-width: 600px) { #popup { - width: 90%; + width: 80%; right: -100%; } @@ -51,6 +52,11 @@ } } +#popup .close { + float: right; + cursor: pointer; + font-size: 20px; +} #popup .type { padding-bottom: 0; color: #444; @@ -65,6 +71,37 @@ } #popup .vehicleInfo { font-size: 21px; + margin: -4px 0 -5px; +} +#popup table { + margin-top: 3px; + border-top: 1px solid gray; + width: 100%; + border-collapse: collapse; +} +#popup table th { + text-align: left; + border-bottom: 1px solid #999; + padding-top: 5px; +} +#popup table td { + vertical-align: top; +} +#popup .active { + background: #f5f5f5; + color: gray; +} +#popup .success { + background: #dff0d8; +} +#popup .warning { + background: #fcf8e3; +} +#popup .danger { + background: #f2dede; +} +#popup table .vehicleInfo { + float: right; } #title { @@ -74,13 +111,16 @@ font-weight: bold; background-color: rgba(255,255,255,.6); } -#fail { - top: -10em; - right: 0.5em; + +#fail, #popup .error { background: red; color: white; font-weight: bold; padding: 5px; +} +#fail { + top: -10em; + right: 0.5em; } .ol-zoom { top: 2.2em; @@ -89,7 +129,12 @@ a { color: #337ab7; text-decoration: none; + cursor: pointer; } a:hover { text-decoration: underline; } + +.small { + font-size: 80%; +} -- Gitblit v1.9.1