gtfs-to-html 2.6.11 → 2.6.12

package/CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.6.12] - 2024-07-26
+
+### Updated
+- Dependency updates
+- Improved styles for default template
+
 ## [2.6.11] - 2024-07-24
 
 ### Updated

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gtfs-to-html",
-  "version": "2.6.11",
+  "version": "2.6.12",
   "private": false,
   "description": "Build human readable transit timetables as HTML, PDF or CSV from GTFS",
   "keywords": [
@@ -51,7 +51,7 @@
     "morgan": "^1.10.0",
     "pretty-error": "^4.0.0",
     "pug": "^3.0.3",
-    "puppeteer": "^22.13.1",
+    "puppeteer": "^22.14.0",
     "sanitize-filename": "^1.6.3",
     "sqlstring": "^2.3.3",
     "timer-machine": "^1.1.0",
@@ -61,7 +61,7 @@
     "yoctocolors": "^2.1.1"
   },
   "devDependencies": {
-    "husky": "^9.1.1",
+    "husky": "^9.1.3",
     "lint-staged": "^15.2.7",
     "prettier": "^3.3.3"
   },

package/public/css/overview_styles.css

@@ -36,7 +36,59 @@ a:hover {
 
 /* Overview styles */
 
-.route-color-swatch {
+
+.timetable-overview {
+  height: 100vh;
+  align-items: stretch;
+}
+
+@media (min-width: 768px) {
+  .timetable-overview {
+    display: flex;
+  }
+}
+
+.timetable-overview h1 {
+  font-size: 1.5rem;
+  line-height: 2rem;
+  margin-left: 1rem;
+  margin-right: 1rem;
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+
+.timetable-overview .overview-list {
+  flex: none;
+}
+
+@media (min-width: 768px) {
+  .timetable-overview .overview-list {
+    max-width: 24rem;
+    overflow-y: scroll;
+  }
+}
+
+.timetable-overview a.timetable-page-link {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  border-bottom: 1px solid rgb(226 232 240);
+  text-decoration: none;
+  padding: 0.5rem;
+}
+
+.timetable-overview a.timetable-page-link:hover {
+  background-color: rgb(241 245 249);
+  text-decoration: none;
+}
+
+.timetable-overview a.timetable-page-link .timetable-page-label {
+  font-size: 1.25rem;
+  line-height: 1;
+  color: rgb(30 41 59)
+}
+
+.timetable-overview .route-color-swatch {
   min-width: 34px;
   height: 34px;
   border-radius: 17px;
@@ -45,9 +97,11 @@ a:hover {
   font-size: 14px;
   letter-spacing: -0.5px;
   padding: 0 5px;
+  flex: none;
+  flex-shrink: 0;
 }
 
-.route-color-swatch-large {
+.timetable-overview .route-color-swatch-large {
   min-width: 46px;
   height: 46px;
   border-radius: 23px;
@@ -57,9 +111,11 @@ a:hover {
   font-weight: bold;
   letter-spacing: -1px;
   padding: 0 6px;
+  flex: none;
+  flex-shrink: 0;
 }
 
-.btn-blue {
+.timetable-overview .btn-blue {
   color: rgb(255 255 255);
   padding: 0.75rem 2rem;
   background-color: rgb(37 99 235);
@@ -71,172 +127,71 @@ a:hover {
   text-decoration: none;
 }
 
-.btn-blue:hover {
+.timetable-overview .btn-blue:hover {
   background-color: rgb(29 78 216);
   text-decoration: none;
 }
 
-.btn-sm {
+.timetable-overview .btn-sm {
   padding: 0.25rem 1rem;
   border-radius: 0.25rem;
 }
 
-.mr-1 {
-  margin-right: 0.25rem;
-}
-
-.mx-4 {
-  margin-left: 1rem;
-  margin-right: 1rem;
-}
-
-.mb-2 {
-  margin-bottom: 0.5rem;
-}
-
-.block {
-  display: block;
-}
-
-.flex {
-  display: flex;
-}
-
-.inline-flex {
+.timetable-overview .badge-gray {
   display: inline-flex;
-}
-
-.h-full {
-  height: 100%;
-}
-
-.h-screen {
-  height: 100vh;
-}
-
-.w-full {
-  width: 100%;
-}
-
-.flex-none {
-  flex: none;
-}
-
-.items-center {
   align-items: center;
-}
-
-.items-stretch {
-  align-items: stretch;
-}
-
-.justify-center {
   justify-content: center;
-}
-
-.gap-2 {
-  gap: 0.5rem;
-}
-
-.rounded-full {
-  border-radius: 9999px;
-}
-
-.border-b {
-  border-bottom-width: 1px;
-}
-
-.border-slate-200 {
-  border-color: rgb(226 232 240);
-}
-
-.bg-slate-200 {
-  background-color: rgb(226 232 240);
-}
-
-.p-2 {
-  padding: 0.5rem;
-}
-
-.px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
-}
-
-.py-1 {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
-}
-
-.py-3 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}
-
-.text-2xl {
-  font-size: 1.5rem;
-  line-height: 2rem;
-}
-
-.text-xl {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}
-
-.text-xs {
   font-size: 0.75rem;
-  line-height: 1rem;
-}
-
-.font-bold {
-  font-weight: 700;
-}
-
-.leading-none {
   line-height: 1;
-}
-
-.text-slate-800 {
+  font-weight: 700;
   color: rgb(30 41 59);
+  background-color: rgb(226 232 240);
+  border-radius: 9999px;
 }
 
-.hover\:bg-slate-100:hover {
-  background-color: rgb(241 245 249);
-}
-
-.hover\:no-underline:hover {
-  text-decoration-line: none;
-}
-
-@media (min-width: 768px) {
-  .md\:flex {
-    display: flex;
-  }
-
-  .md\:max-w-96 {
-    max-width: 24rem;
-  }
+/* Map Styles */
 
-  .md\:overflow-y-scroll {
-    overflow-y: scroll;
-  }
+.overview-map {
+  height: 100%;
+  width: 100%;
 }
 
-/* Map Styles */
-
-.map .mapboxgl-popup-content .popup-title {
+.overview-map .mapboxgl-popup-content .popup-title {
   margin: 0 20px 5px 0;
   font-size: 16px;
   font-weight: bold;
 }
 
-.map .mapboxgl-popup-content .route-item {
+.overview-map .mapboxgl-popup-content .popup-label {
+  margin-right: 0.25rem;
+}
+
+.overview-map .mapboxgl-popup-content .route-list {
+  margin-bottom: 0.5rem;
+}
+
+.overview-map .mapboxgl-popup-content .map-route-item {
   display: flex;
   align-items: center;
+  font-size: 0.75rem;
   line-height: 1;
+  margin-bottom: 0.5rem;
+  gap: 0.5rem;
+}
+
+.overview-map .mapboxgl-popup-content .map-route-item:hover {
+  text-decoration: none;
+}
+
+.overview-map .mapboxgl-popup-content a.map-route-item .underline-hover:hover {
+  text-decoration: underline;
 }
 
-.map .mapboxgl-popup-content .mapboxgl-popup-close-button {
+.overview-map .mapboxgl-popup-content .mapboxgl-popup-close-button {
   padding: 0 5px;
 }