paul/audi-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Felder unter "Fahrzeug einrichten" gleich lang

Browse Source 
Ohne feste Breite bemisst sich jedes Feld nach seinem eigenen Inhalt, die
rechte Kante steht fest, und die linken Kanten fransen aus: gemessen
216/202/195/206 in der App und 220/209/203/213 im Panel.

Jetzt 180px in beiden. Der Wert ist die engste Grenze beider Oberflaechen -
das laengste Label ("Erstzulassung") laesst in der App nur 183px fuers Feld,
im Panel 196px.

Vorbehalt: von elf Modell-Eintraegen ist einer laenger als der verbleibende
Textplatz ("RS 6 Avant performance", 182px gegen 142px) und wird ausgewaehlt
abgeschnitten. In der aufgeklappten Liste steht er vollstaendig.

Nachgemessen in beiden: vier Felder je 180px, gleiche linke Kante, kein Label
bricht um.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
tobias
2026-09-05 10:39:40 +02:00
co-authored by Claude Opus 5
parent 44dcb3c9d9
commit 063446239c
7 changed files with 39 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
custom_components/audi_dashboard/frontend/audi-dashboard-app.js
+4 -4
View File
@@ -3573,16 +3573,16 @@ function vEinst() {
title="${CAR.finAutomatisch ? "Wird automatisch aus den im Setup zugeordneten Sensoren ermittelt - \"automatisch\" ausschalten, um von Hand einzutragen." : ""}">
</span></div>
<div class="feld"><label for="einModell">Modell</label>
<select id="einModell" data-einrichten="modell">
<select id="einModell" class="w-fahrzeug" data-einrichten="modell">
${(FAHRZEUG_MODELLE.includes(CONFIG.fahrzeugtitel) ? FAHRZEUG_MODELLE : [CONFIG.fahrzeugtitel, ...FAHRZEUG_MODELLE])
.map((m) => `<option ${m === CONFIG.fahrzeugtitel ? "selected" : ""}>${esc(m)}</option>`).join("")}
</select></div>
<div class="feld"><label for="einKennzeichen">Kennzeichen</label>
<input id="einKennzeichen" value="${esc(CONFIG.kennzeichen || "")}" data-einrichten="kennzeichen"></div>
<input id="einKennzeichen" class="w-fahrzeug" value="${esc(CONFIG.kennzeichen || "")}" data-einrichten="kennzeichen"></div>
<div class="feld"><label for="einErstzulassung">Erstzulassung</label>
<input id="einErstzulassung" value="${esc(CAR.erstzulassung || "")}" data-einrichten="erstzulassung" placeholder="TT.MM.JJJJ"></div>
<input id="einErstzulassung" class="w-fahrzeug" value="${esc(CAR.erstzulassung || "")}" data-einrichten="erstzulassung" placeholder="TT.MM.JJJJ"></div>
<div class="feld" style="border-bottom:0"><label for="einAusfuehrung">Ausführung</label>
<input id="einAusfuehrung" value="${esc(CONFIG.ausfuehrung || "")}" data-einrichten="ausfuehrung"></div>
<input id="einAusfuehrung" class="w-fahrzeug" value="${esc(CONFIG.ausfuehrung || "")}" data-einrichten="ausfuehrung"></div>
<span class="label" style="margin-top:20px">Ölwechsel-Intervall</span>
<div class="seg" style="margin-top:8px">
<button data-oel="hersteller" class="${CAR.oel.modus === "hersteller" ? "on" : ""}">Herstellervorgabe</button>