From ba6e87c3d748ef2cf442dc9165f6bc56e42fdeae Mon Sep 17 00:00:00 2001
From: Jacek Kowalski <Jacek@jacekk.info>
Date: Tue, 29 Jan 2019 14:02:13 +0000
Subject: [PATCH] Show bus stops on map (in blue)
---
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