From a0814e4836e3555a46fdb71e64defa974cbdfc30 Mon Sep 17 00:00:00 2001
From: Jacek Kowalski <Jacek@jacekk.info>
Date: Sat, 09 Feb 2019 14:54:11 +0000
Subject: [PATCH] l10n: Change "tram" to "vehicle" as bus schedules are also available
---
map.css | 139 +++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 130 insertions(+), 9 deletions(-)
diff --git a/map.css b/map.css
index e497aec..29178f4 100644
--- a/map.css
+++ b/map.css
@@ -1,24 +1,112 @@
html, body, #map {
- width: 100%;
- height: 100%;
margin: 0;
font-family: sans-serif;
+ overflow: hidden;
+}
+
+#map {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+}
+
+#map .ol-attribution {
+ left: 0;
+ right: auto;
}
#popup {
color: black;
background: white;
padding: 5px;
- border: 1px solid black;
- border-radius: 10px;
- font-size: 12px;
+ border-left: 1px solid black;
+ font-size: 14px;
+
+ position: absolute;
+ width: 350px;
+ right: -365px;
+ top: 0;
+ bottom: 0;
+
+ transition: right .4s, width .4s;
+
+ opacity: .85;
+
+ overflow-y: auto;
+}
+
+#popup.show {
+ right: 0;
+}
+
+@media (max-width: 600px) {
+ #popup {
+ width: 80%;
+ right: -100%;
+ }
+
+ #popup.show {
+ right: 0%;
+ }
+}
+
+.close {
+ float: right;
+ cursor: pointer;
+ font-size: 20px;
+ padding: 0px 10px;
+}
+#fail .close {
+ font-size: inherit;
+ height: 1em;
+}
+#popup .type {
+ padding-bottom: 0;
+ color: #444;
+ font-size: 80%;
}
#popup p {
margin: 0;
padding: 5px;
}
-#popup .bold {
+#popup .name {
font-weight: bold;
+}
+#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 {
@@ -28,22 +116,55 @@
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;
+}
+#track {
+ top: 6em;
+ left: 0.5em;
+}
+.ol-touch #track {
+ top: 7em;
+}
+
+.ol-control button svg * {
+ stroke: white;
+ stroke-width: 5%;
+ fill: none;
+}
+.ol-control button svg .fill {
+ fill: white;
+}
+.ol-control button.clicked {
+ background-color: black;
+}
+.ol-control button.clicked:hover, .ol-control button.clicked:active {
+ background-color: rgba(0,0,0,.5);
+}
+.ol-control button.hidden {
+ display: none;
}
a {
color: #337ab7;
text-decoration: none;
+ cursor: pointer;
}
a:hover {
text-decoration: underline;
}
+
+.small {
+ font-size: 80%;
+}
--
Gitblit v1.9.1