feat(SavedTripList): Updated trip card design

i18n/en-US.yml

@@ -78,13 +78,13 @@ common:
     tuesday: Tuesday
     wednesday: Wednesday
   daysOfWeekCompact:
-    friday: Fri.
-    monday: Mon.
-    saturday: Sat.
-    sunday: Sun.
-    thursday: Thu.
-    tuesday: Tue.
-    wednesday: Wed.
+    friday: F
+    monday: M
+    saturday: S
+    sunday: Su
+    thursday: Th
+    tuesday: T
+    wednesday: W
   daysOfWeekPlural:
     friday: Fridays
     monday: Mondays
@@ -676,11 +676,11 @@ components:
     arriveAt: "Arrive at "
     leaveAt: "Leave at "
   TripSummaryPane:
-    happensOnDays: "Happens on: <strong>{days}</strong>"
-    notifications: >-
-      Notifications: <strong>{leadTimeInMinutes} min. before scheduled
-      departure</strong>
-    notificationsDisabled: "Notifications: <strong>Disabled</strong>"
+    happensOnDays: "Happens on: {days}"
+    monitoredTripDays: Trip monitored days
+    notifications: "{leadTimeInMinutes} min. before scheduled departure"
+    notificationsDisabled: Notifications disabled
+    timeAndDuration: Trip time and duration
   TripTools:
     copyLink: Copy Link
     header: Trip Tools

i18n/es.yml

@@ -81,13 +81,13 @@ common:
     tuesday: Martes
     wednesday: Miércoles
   daysOfWeekCompact:
-    friday: Vie.
-    monday: Lun.
-    saturday: Sáb.
-    sunday: Dom.
-    thursday: Jue.
-    tuesday: Mar.
-    wednesday: Mié.
+    friday: V
+    monday: L
+    saturday: S
+    sunday: D
+    thursday: J
+    tuesday: M
+    wednesday: X
   daysOfWeekPlural:
     friday: Viernes
     monday: Lunes
@@ -702,11 +702,9 @@ components:
     arriveAt: "Llegue a las "
     leaveAt: "Salida a las "
   TripSummaryPane:
-    happensOnDays: "Ocurre en: <strong>{days}</strong>"
-    notifications: >-
-      Notificaciones: <strong>{leadTimeInMinutes} minutos antes de la salida
-      programada</strong>
-    notificationsDisabled: "Notificaciones: <strong>Desactivadas</strong>"
+    happensOnDays: "Ocurre en: {days}"
+    notifications: "{leadTimeInMinutes} minutos antes de la salida programada"
+    notificationsDisabled: Notificaciones desactivadas
   TripTools:
     copyLink: Copiar enlace
     header: Herramientas

i18n/fr.yml

@@ -87,13 +87,13 @@ common:
     tuesday: mardi
     wednesday: mercredi
   daysOfWeekCompact:
-    friday: ven.
-    monday: lun.
-    saturday: sam.
-    sunday: dim.
-    thursday: jeu.
-    tuesday: mar.
-    wednesday: mer.
+    friday: V
+    monday: L
+    saturday: S
+    sunday: D
+    thursday: J
+    tuesday: M
+    wednesday: M
   daysOfWeekPlural:
     friday: vendredis
     monday: lundis
@@ -710,11 +710,11 @@ components:
     arriveAt: "Arrivée à "
     leaveAt: "Partez à "
   TripSummaryPane:
-    happensOnDays: "Effectué : <strong>{days}</strong>"
-    notifications: >-
-      Notifications : <strong>{leadTimeInMinutes} mn avant l'heure de départ
-      prévue</strong>
-    notificationsDisabled: "Notifications : <strong>Désactivées</strong>"
+    happensOnDays: "Effectué : {days}"
+    monitoredTripDays: Jours de suivi de ce trajet
+    notifications: "{leadTimeInMinutes} mn avant l'heure de départ prévue"
+    notificationsDisabled: Notifications désactivées
+    timeAndDuration: Heure et durée du trajet
   TripTools:
     copyLink: Copier le lien
     header: Outils

i18n/ko.yml

@@ -592,9 +592,9 @@ components:
     arriveAt: "도착 "
     leaveAt: "출발 "
   TripSummaryPane:
-    happensOnDays: "발생: <strong>{days}</strong>"
-    notifications: "알림: <strong>출발 예정 시간 {leadTimeInMinutes} 분 전</strong>"
-    notificationsDisabled: "알림: <strong>비활성화됨</strong>"
+    happensOnDays: "발생: {days}"
+    notifications: 출발 예정 시간 {leadTimeInMinutes} 분 전
+    notificationsDisabled: "알림: 비활성화됨"
   TripTools:
     copyLink: 링크 복사
     header: 도구

i18n/ru.yml

@@ -652,11 +652,9 @@ components:
     arriveAt: "Прибытие в "
     leaveAt: "Оставить "
   TripSummaryPane:
-    happensOnDays: "Проходит в такие дни: <strong>{days}</strong>"
-    notifications: >-
-      Уведомления: за <strong>{leadTimeInMinutes} мин до запланированного
-      времени отправления</strong>
-    notificationsDisabled: "Уведомления: <strong>отключены</strong>"
+    happensOnDays: "Проходит в такие дни: {days}"
+    notifications: за <strong>{leadTimeInMinutes} мин до запланированного времени отправления
+    notificationsDisabled: "Уведомления: отключены"
   TripTools:
     copyLink: Скопировать ссылку
     header: Инструменты маршрута

i18n/tl.yml

@@ -670,11 +670,9 @@ components:
     arriveAt: "Darating nang "
     leaveAt: "Umalis sa "
   TripSummaryPane:
-    happensOnDays: "Mangyayari sa: <strong>{days}</strong>"
-    notifications: >-
-      Mga Notification: <strong>{leadTimeInMinutes} (na) minuto bago ang
-      nakaiskedyul na pag-alis</strong>
-    notificationsDisabled: "Mga Notification: <strong>Naka-disable</strong>"
+    happensOnDays: "Mangyayari sa: {days}"
+    notifications: "{leadTimeInMinutes} (na) minuto bago ang nakaiskedyul na pag-alis"
+    notificationsDisabled: "Mga Notification: Naka-disable"
   TripTools:
     copyLink: Kopyahin ang Link
     header: Mga Tool sa Biyahe

i18n/vi.yml

@@ -81,13 +81,13 @@ common:
     tuesday: Thứ ba
     wednesday: Thứ tư
   daysOfWeekCompact:
-    friday: Thứ sáu
-    monday: Thứ hai
-    saturday: Thứ bảy
-    sunday: Chủ nhật
-    thursday: Thứ năm
-    tuesday: Thứ ba
-    wednesday: Thứ tư
+    friday: T6
+    monday: T2
+    saturday: T7
+    sunday: CN
+    thursday: T5
+    tuesday: T3
+    wednesday: T4
   daysOfWeekPlural:
     friday: Các thứ sáu
     monday: Các thứ hai
@@ -659,11 +659,9 @@ components:
     arriveAt: "Đến nơi "
     leaveAt: "Rời đi lúc "
   TripSummaryPane:
-    happensOnDays: "Xảy ra vào: <strong>{days}</strong>"
-    notifications: >-
-      Thông báo: <strong>{leadTimeInMinutes} phút trước khi khởi hành theo lịch
-      trình</strong>
-    notificationsDisabled: "Thông báo: <strong>Đã tắt</strong>"
+    happensOnDays: "Xảy ra vào: {days}"
+    notifications: "{leadTimeInMinutes} phút trước khi khởi hành theo lịch trình"
+    notificationsDisabled: Thông báo đã tắt
   TripTools:
     copyLink: Sao chép URL
     header: Công cụ

i18n/zh.yml

@@ -589,9 +589,9 @@ components:
     arriveAt: "到达 "
     leaveAt: "离开 "
   TripSummaryPane:
-    happensOnDays: "发生在: <strong>{days}</strong>"
-    notifications: "通知: <strong>预定出发前 {leadTimeInMinutes} </strong>"
-    notificationsDisabled: "通知: <strong>已禁用</strong>"
+    happensOnDays: "发生在: {days}"
+    notifications: 预定出发前 {leadTimeInMinutes}
+    notificationsDisabled: "通知: 已禁用"
   TripTools:
     copyLink: 复制链接
     header: 工具

lib/components/form/batch-settings.tsx

@@ -18,13 +18,13 @@ import { Search } from '@styled-icons/fa-solid/Search'
 import { SyncAlt } from '@styled-icons/fa-solid/SyncAlt'
 import { useIntl } from 'react-intl'
 import React, { useCallback, useContext, useState } from 'react'
-import tinycolor from 'tinycolor2'
 
 import * as apiActions from '../../actions/api'
 import * as formActions from '../../actions/form'
 import { ComponentContext } from '../../util/contexts'
 import { generateModeSettingValues } from '../../util/api'
 import { getActiveSearch, hasValidLocation } from '../../util/state'
+import { getBaseColor, getDarkenedBaseColor } from '../util/base-color'
 import { getFormattedMode } from '../../util/i18n'
 import { RoutingQueryCallResult } from '../../actions/api-constants'
 import { StyledIconWrapper } from '../util/styledIcon'
@@ -217,11 +217,9 @@ function BatchSettings({
     setModeSelectorPopup(!!modeSelectorPopup)
   }, [setModeSelectorPopup])
 
-  // We can rely on this existing, as there is a default
-  const baseColor = getComputedStyle(document.documentElement).getPropertyValue(
-    '--main-base-color'
-  )
-  const accentColor = tinycolor(baseColor).darken(10)
+  const baseColor = getBaseColor()
+
+  const accentColor = getDarkenedBaseColor()
 
   return (
     <MainSettingsRow onMouseMove={checkModeSelectorPopup}>

lib/components/mobile/mobile.css

@@ -269,3 +269,10 @@
 .otp.mobile .route-viewer-header {
   margin: 0;
 }
+
+@media (max-width: 768px){
+  .panel-default {
+    width: 90%;
+  }
+}
+