From fa0c4f8837bd3270a739ce5d7b4b82473ea67268 Mon Sep 17 00:00:00 2001
From: Daniel Friesel <derf@finalrewind.org>
Date: Sun, 27 Jun 2021 11:16:07 +0200
Subject: show line types in stop search

---
 sass/app.scss | 60 +++++++++++++++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 56 insertions(+), 4 deletions(-)

(limited to 'sass/app.scss')

diff --git a/sass/app.scss b/sass/app.scss
index 40e98dc..4b01bf5 100644
--- a/sass/app.scss
+++ b/sass/app.scss
@@ -14,6 +14,7 @@ html {
 	margin-right: auto;
 }
 
+
 ul.stops {
 	position:relative;
 	width:100%;
@@ -31,11 +32,12 @@ ul.stops {
 
 	> li {
 		display: block;
-		height: 3em;
+		height: 4em;
 		width: 100%;
 		position: relative;
 		border-bottom: 1px solid grey;
 		background-color: white;
+		cursor: pointer;
 
 		.name {
 			position: absolute;
@@ -58,6 +60,52 @@ ul.stops {
 			opacity: 50%;
 		}
 
+		.lines {
+			position: absolute;
+			bottom: 0.1em;
+			right: 5px;
+			background-color: transparent;
+			font-weight: bold;
+			font-size: 120%;
+
+			span {
+				padding-left: 0.1em;
+				padding-right: 0.1em;
+				margin-left: 0.2em;
+			}
+
+			.longdistance {
+				border: 0.1em solid #ffcccc;
+			}
+
+			.regional {
+				background-color: #eeeeee;
+			}
+
+			.tram {
+				background-color:#ffcccc;
+			}
+
+			.taxi {
+				background-color:#eeaaee;
+				font-weight: normal;
+			}
+
+			.suburban {
+				background-color:#aaffba;
+				border-radius: 30px;
+			}
+
+			.subway {
+				background-color:#aac0ff;
+			}
+
+			.bus {
+				background-color:#eeaaee;
+				border-radius: 10px;
+			}
+		}
+
 	}
 }
 
@@ -94,13 +142,17 @@ ul.departures {
 		max-height: 3ex;
 		max-width: 5em;
 		overflow: hidden;
-		font-size: 140%;
+		font-size: 120%;
 		background-color: #eeeeee;
 		font-weight: bold;
 		padding-left: 0.1em;
 		padding-right: 0.1em;
 	}
 
+	.longdistance {
+		border: 0.1em solid #ffcccc;
+	}
+
 	.tram {
 		background-color:#ffcccc;
 	}
@@ -122,7 +174,7 @@ ul.departures {
 	.dest {
 		position: absolute;
 		bottom: 0;
-		left: 5em;
+		left: 4em;
 		width: 70%;
 		overflow: hidden;
 		background-color: transparent;
@@ -133,7 +185,7 @@ ul.departures {
 	.destsuffix {
 		position: absolute;
 		top: 1px;
-		left: 7.6em;
+		left: 6.1em;
 		width: 70%;
 		height: 1.2em;
 		overflow: hidden;
-- 
cgit v1.2.3