Merge branch 'feat/train-category-expander-mobile' into feat/tags-validity

Author: MoritzWeber0

assets/sass/_variables.scss

@@ -18,14 +18,14 @@ $tag-colors: (
   success: #155724,
   warning: #b64900,
   error: #b70000,
-  info: #004085,
+  info: #414141,
 );
 
 $tag-colors-dark: (
   success: #a8d5ba,
   warning: #f0d98d,
   error: #f5a9ae,
-  info: #a8d5f5,
+  info: #d1d1d1,
 );
 
 html {

assets/sass/tag.scss

@@ -1,7 +1,6 @@
 .a-tag {
   display: flex;
   align-items: center;
-  gap: 0.4rem;
   padding: 0.4rem 0.8rem;
   border-radius: var(--border-radius-s);
   font-size: 0.7em;
@@ -16,3 +15,11 @@
     }
   }
 }
+
+.a-tag__text {
+  margin-left: 0.4rem;
+  transition:
+    opacity 0.3s ease,
+    max-width 0.3s ease,
+    margin-left 0.3s ease;
+}

assets/sass/trainCategory.scss

@@ -30,7 +30,20 @@ details.o-expander__summary--train-category {
 details.o-expander--train-category:not([open]) {
   @media (max-width: $breakpoint-md) {
     .a-tag__text {
-      display: none;
+      margin-left: 0;
+      opacity: 0;
+      max-width: 0;
+      overflow: hidden;
+      display: inline-block;
+    }
+  }
+}
+
+details.o-expander--train-category[open] {
+  @media (max-width: $breakpoint-md) {
+    .a-tag__text {
+      opacity: 1;
+      max-width: 20rem;
     }
 
     .a-tag__footnote {

content/operator/sncf/index.en.md

@@ -44,8 +44,6 @@ Reservations are mandatory on all `TGV`, almost all `IC` trains, and some region
   type="highspeed"
   fip_accepted=true
   reservation_required=true
-  risk_of_confusion=true
-  important_info=true
   route_overview_url="https://www.sncf-connect.com/assets/media/2021-05/2014_axes-tgv_0.pdf"
 %}}
 The `TGV` inOui is SNCF's high-speed train, connecting many cities in France and international destinations (e.g. Munich, Frankfurt am Main, Barcelona, Luxembourg, Brussels, Zurich, Milan). Each seat number exists twice in the carriage; the reserved seat is the one with the illuminated number.
@@ -74,7 +72,6 @@ Prices differ between peak and off-peak trains. The classification is not public
   type="highspeed"
   fip_accepted=false
   reservation_required=true
-  risk_of_confusion=true
 %}}
 
 The `TGV` OuiGo is SNCF's low-cost high-speed train, serving many cities in France and some international destinations.
@@ -149,7 +146,6 @@ Cost depends on route and occupancy.
   type="regional"
   fip_accepted=true
   reservation_required=partially
-  risk_of_confusion=true
 %}}
 `TER` is SNCF's regional train, connecting various cities in France.
 Some lines from Paris require reservations, see [Reservation requirement in regional trains](#reservation-requirement-in-regional-trains).
@@ -164,7 +160,6 @@ On the Marseille – Toulon – Nice route, FIP is not valid as `TER` trains are
   type="regional"
   fip_accepted=partially
   reservation_possible=false
-  important_info=true
 %}}
 RER is a suburban train operated by SNCF in Île de France (Greater Paris) and surrounding cities.
 

layouts/shortcodes/train-category.html

@@ -4,8 +4,8 @@
   "fip_accepted" (default true (.Get "fip_accepted"))
   "reservation_required" (default false (.Get "reservation_required"))
   "reservation_possible" (default false (.Get "reservation_possible"))
-  "risk_of_confusion" (default false (.Get "risk_of_confusion"))
-  "important_info" (default false (.Get "important_info"))
+  "risk_of_confusion" (strings.Contains .Inner "m-text-highlight--confusion")
+  "important_info" (strings.Contains .Inner "m-text-highlight--important")
   "route_overview_url" (.Get "route_overview_url")
   "additional_information_url" (.Get "additional_information_url")
   "content" (.Inner | .Page.RenderString)