tobias
5ccbfec92d
Vier Themen aus einer Sitzung. 1. Die Fahrt endet wieder bei uns statt im Dongle (Abschnitt BW). Der Ignition-OFF-Timeout des FMM003 (900 s) und sein Schlaf-Timeout (ebenfalls 900 s) starten beide beim Zuendungs-Aus und fallen in derselben Sekunde - am 02.09. zweimal beobachtet, einmal ging das Trip-Ende verloren, einmal kam es eine Sekunde vor dem Schlaf an. Ausloeser ist jetzt die Zuendung, die Wartezeit laeuft in Home Assistant. ZUENDUNG_NACHLAUF_S = 180 wird in beiden Wegen abgezogen (ueber das Trip-Signal 1080 s, weil dessen Ende selbst an der verzoegerten Zuendung haengt). 2. Schieberegler, neu in beiden Codebasen. Schrittweite 5 Minuten; der Daumen war im Tagmodus weiss auf weiss und traegt jetzt einen Ring aus --line-strong - ein Token, das genau dort sichtbar ist, wo es gebraucht wird. 3. Knopf "Fahrt beenden" in der Zuletzt-Kachel (Abschnitt BX). Schliesst auf das letzte Lebenszeichen, nicht auf "jetzt", und kennzeichnet das Ende als vorlaeufig. Ein spaet eintreffendes Zuendungs-Aus zieht es nach - innerhalb von sechs Stunden, nur nach vorn, und nur bei einer vorlaeufigen Fahrt. ts_end wandert bewusst NICHT in edited_fields, sonst blockierte der Schutz fuer Handeingaben genau diese Korrektur. 4. Das OTA-Buendel kann auf dem Mac gar nicht entstehen (Abschnitt BV): npm run ota ist eine Windows-PowerShell-Datei, ios-signieren.sh baut ein frisches dist/ und fasst das Buendel nie an. Ausgeliefert war deshalb eine Oberflaeche ohne den Versionshinweis unter richtiger Nummer. Verifiziert: Backend 27/27 (5 Signalwechsel, 14 Zuendungspause, 8 Fahrtende), companion-app tsc sauber und 179/179, Panel als Modul geparst, audi_ha_test auf 2026.9.3.7 sauber gestartet. Live am laufenden Panel und ohne Rueckstand belegt: Wartezeit samt Abbruch, die 180-s-Rechnung, der Regler im Tagmodus und der Knopf von der laufenden Fahrt bis zum verworfenen Kurzvorgang - Fahrten vorher 16, nachher 16. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
100 lines
2.8 KiB
CSS
100 lines
2.8 KiB
CSS
.ads-schieber {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--sp-4);
|
|
min-width: 0;
|
|
}
|
|
|
|
/* 28px hoch, obwohl die Spur nur 4px misst: das ist die Trefferfläche des
|
|
Daumens. Ein 4px hohes Element wäre auf dem Telefon nicht zu greifen. */
|
|
.ads-schieber input[type="range"] {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
flex: 1 1 auto;
|
|
min-width: 0;
|
|
height: 28px;
|
|
margin: 0;
|
|
padding: 0;
|
|
background: transparent;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ads-schieber input[type="range"]:disabled {
|
|
opacity: .4;
|
|
cursor: default;
|
|
}
|
|
|
|
/* Die beiden Spur-Regeln lassen sich NICHT zusammenfassen: trifft ein Browser
|
|
auf einen Selektor, den er nicht kennt, verwirft er die ganze Regel. */
|
|
.ads-schieber input[type="range"]::-webkit-slider-runnable-track {
|
|
height: 4px;
|
|
border-radius: var(--r-pill);
|
|
background: linear-gradient(
|
|
to right,
|
|
var(--fg) var(--ads-fuell, 0%),
|
|
var(--ios-fill) var(--ads-fuell, 0%)
|
|
);
|
|
}
|
|
|
|
.ads-schieber input[type="range"]::-moz-range-track {
|
|
height: 4px;
|
|
border-radius: var(--r-pill);
|
|
background: linear-gradient(
|
|
to right,
|
|
var(--fg) var(--ads-fuell, 0%),
|
|
var(--ios-fill) var(--ads-fuell, 0%)
|
|
);
|
|
}
|
|
|
|
/* margin-top zentriert den Daumen auf der 4px-Spur: (4 - 28) / 2 = -12. */
|
|
.ads-schieber input[type="range"]::-webkit-slider-thumb {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
box-sizing: border-box;
|
|
width: 28px;
|
|
height: 28px;
|
|
margin-top: -12px;
|
|
/* Der Ring ist der Trick fuer den Tagmodus: --line-strong ist dort
|
|
rgba(0,0,0,.22) und zeichnet den weissen Daumen sauber gegen die helle
|
|
Kachel ab, im Nachtmodus dagegen rgba(255,255,255,.20) - also auf Weiss
|
|
unsichtbar, wo er nicht gebraucht wird. Ein Token, zwei Themen.
|
|
Dazu ein kraeftigerer Schatten: der allein trug im Tagmodus nicht. */
|
|
border: 1px solid var(--line-strong);
|
|
border-radius: 50%;
|
|
background: #fff;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, .22), 0 4px 10px rgba(0, 0, 0, .16);
|
|
}
|
|
|
|
.ads-schieber input[type="range"]::-moz-range-thumb {
|
|
box-sizing: border-box;
|
|
width: 28px;
|
|
height: 28px;
|
|
border: 1px solid var(--line-strong);
|
|
border-radius: 50%;
|
|
background: #fff;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, .22), 0 4px 10px rgba(0, 0, 0, .16);
|
|
}
|
|
|
|
.ads-schieber input[type="range"]:focus-visible {
|
|
outline: none;
|
|
}
|
|
|
|
.ads-schieber input[type="range"]:focus-visible::-webkit-slider-thumb {
|
|
box-shadow: 0 0 0 3px var(--line-strong), 0 3px 8px rgba(0, 0, 0, .16);
|
|
}
|
|
|
|
.ads-schieber input[type="range"]:focus-visible::-moz-range-thumb {
|
|
box-shadow: 0 0 0 3px var(--line-strong), 0 3px 8px rgba(0, 0, 0, .16);
|
|
}
|
|
|
|
/* Feste Mindestbreite und Ziffern gleicher Laufweite: sonst ruckelt der Regler
|
|
seitlich, sobald der Wert von 9 auf 10 springt. */
|
|
.ads-schieber__wert {
|
|
flex: 0 0 auto;
|
|
min-width: 62px;
|
|
text-align: right;
|
|
font-size: 13px;
|
|
font-variant-numeric: tabular-nums;
|
|
color: var(--fg2);
|
|
}
|