Add files via upload
This commit is contained in:
Serverlele30 authored and GitHub committed
1 parent
fa38de2a0a
commit
693e208cfd
12 files changed
+950
-192
No files matched your search
+144
-38
@@ -1017,11 +1017,6 @@
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.detail-modal {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
max-width: 600px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Pull-to-refresh styles */
|
||||
@@ -1352,17 +1347,6 @@
|
||||
padding: 30px 40px;
|
||||
}
|
||||
|
||||
/* Abfahrten in 2 Spalten */
|
||||
#departuresContainer {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.station-info {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
/* Journey auch größer */
|
||||
.journey-result {
|
||||
padding: 30px;
|
||||
@@ -1376,17 +1360,9 @@
|
||||
/* Extra Large Desktop */
|
||||
@media (min-width: 1600px) {
|
||||
.container {
|
||||
max-width: 1400px;
|
||||
max-width: 820px; /* Lesebreite statt Riesenfläche */
|
||||
}
|
||||
|
||||
/* 3 Spalten für Abfahrten */
|
||||
#departuresContainer {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
|
||||
.station-info {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile Optimierungen */
|
||||
@@ -2252,10 +2228,6 @@
|
||||
========================================== */
|
||||
|
||||
.departure-filters, .journey-transport-filters {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
align-items: center;
|
||||
padding: 12px;
|
||||
background-color: #0a0a0a;
|
||||
border-radius: 8px;
|
||||
@@ -2266,7 +2238,14 @@
|
||||
color: #FFED00;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
margin-right: 5px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
/* Einheitliche Chip-Reihe für ALLE Filtergruppen */
|
||||
.filter-chips {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.filter-btn, .transport-filter-btn {
|
||||
@@ -2282,10 +2261,8 @@
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.transport-filter-btn {
|
||||
font-size: 20px;
|
||||
padding: 8px 12px;
|
||||
}
|
||||
/* (Sondergröße entfernt - Journey-Chips waren doppelt so groß
|
||||
wie alle anderen Filter und brachen unruhig um) */
|
||||
|
||||
.filter-btn.active, .transport-filter-btn.active {
|
||||
background-color: #FFED00;
|
||||
@@ -3953,11 +3930,140 @@ select:focus-visible {
|
||||
min-width: 76px;
|
||||
}
|
||||
|
||||
.detail-modal {
|
||||
max-width: 720px;
|
||||
}
|
||||
|
||||
.livemap-container {
|
||||
height: calc(100vh - 100px);
|
||||
}
|
||||
}
|
||||
|
||||
/* v37: "Mehr Abfahrten laden"-Button */
|
||||
.load-more-btn {
|
||||
margin-top: 14px;
|
||||
background: rgba(255, 237, 0, 0.08);
|
||||
border: 1px dashed rgba(255, 237, 0, 0.4);
|
||||
color: #FFED00;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.load-more-btn:hover,
|
||||
.load-more-btn:focus-visible {
|
||||
background: rgba(255, 237, 0, 0.15);
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
/* ==========================================
|
||||
v37.1: Detail-Modal auf Desktop
|
||||
Overlay bleibt Vollbild (nichts scheint durch),
|
||||
Inhalt zentriert auf Lesebreite.
|
||||
========================================== */
|
||||
@media (min-width: 768px) {
|
||||
.detail-content {
|
||||
max-width: 680px;
|
||||
margin: 0 auto;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.detail-header {
|
||||
padding-left: calc(50% - 340px);
|
||||
padding-right: calc(50% - 340px);
|
||||
}
|
||||
}
|
||||
|
||||
/* v37.1.1: Entwickler-Kachel im Quick-Info-Raster
|
||||
(Button erbt die Kachel-Optik von .home-info-card, hier nur
|
||||
der Button-Reset + Klick-Feedback) */
|
||||
.home-info-card-btn {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
transition: background 0.2s ease, border-color 0.2s ease;
|
||||
}
|
||||
|
||||
.home-info-card-btn:hover,
|
||||
.home-info-card-btn:focus-visible {
|
||||
background: rgba(255, 237, 0, 0.08);
|
||||
border-color: rgba(255, 237, 0, 0.5);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.home-info-card-btn .home-info-text p span {
|
||||
color: #FFED00;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* ==========================================
|
||||
v37.1.1: Filter als wischbare Chip-Reihe auf Mobile
|
||||
Gilt einheitlich für Abfahrten-, Routenplaner- und Live-Map-Filter.
|
||||
========================================== */
|
||||
@media (max-width: 767px) {
|
||||
.filter-chips,
|
||||
.livemap-filters {
|
||||
flex-wrap: nowrap;
|
||||
overflow-x: auto;
|
||||
justify-content: flex-start;
|
||||
padding-bottom: 4px; /* Platz, falls Scrollbar auftaucht */
|
||||
-webkit-overflow-scrolling: touch;
|
||||
scrollbar-width: none; /* Firefox */
|
||||
}
|
||||
|
||||
.filter-chips::-webkit-scrollbar,
|
||||
.livemap-filters::-webkit-scrollbar {
|
||||
display: none; /* Chrome/Safari */
|
||||
}
|
||||
|
||||
.filter-btn,
|
||||
.transport-filter-btn,
|
||||
.fav-chip {
|
||||
white-space: nowrap; /* Chips brechen nie intern um */
|
||||
min-height: 40px; /* Touch-Ziel */
|
||||
}
|
||||
}
|
||||
|
||||
/* ==========================================
|
||||
v37.2: Favoriten-Chips in der Abfahrten-View
|
||||
(nutzt .filter-chips -> auf Mobile wischbare Reihe wie die Filter)
|
||||
========================================== */
|
||||
.departure-favorites {
|
||||
padding: 12px;
|
||||
background-color: #0a0a0a;
|
||||
border: 1px solid rgba(255, 237, 0, 0.2);
|
||||
border-radius: 8px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.fav-chip {
|
||||
background-color: #1a1a1a;
|
||||
border: 2px solid #333;
|
||||
color: #fff;
|
||||
padding: 8px 14px;
|
||||
border-radius: 999px; /* Pillenform: unterscheidet Stationen von Filtern */
|
||||
font-family: var(--font-stack);
|
||||
font-size: 13px;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s;
|
||||
flex-shrink: 0;
|
||||
white-space: nowrap;
|
||||
min-height: 40px;
|
||||
}
|
||||
|
||||
.fav-chip:hover,
|
||||
.fav-chip:focus-visible {
|
||||
border-color: #FFED00;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.fav-chip.active {
|
||||
background-color: #FFED00;
|
||||
color: #000;
|
||||
border-color: #FFED00;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* "Alle anzeigen" auf der Startseite dezent abheben */
|
||||
.home-favorites-more {
|
||||
border-style: dashed;
|
||||
opacity: 0.85;
|
||||
}
|
||||
Reference in new issue
Block a user