Fix: Design-System-Regression v1102 — .hidden(!important) vs style.display app-weit
Rene: 'Tagebuch Kalenderansicht/Karte nicht mehr da' — Root-Cause: 459cd42
ersetzte style="display:none" durch class="hidden", aber die Show-Pfade
setzten weiter style.display. .hidden hat !important und gewinnt immer
(gleiche Klasse wie Filter-Panel-Hotfix v1242). Prod-Logs bewiesen: kein
einziger /diary/calendar- oder /locations-Request kam je an.
Unsichtbar seit v1102, jetzt per classList gefixt:
- diary: Stats-Bar mit View-Switcher (Liste/Medien/Kalender/Karte) + Medien-Grid neuer Eintrag
- health: KI-Tierarzt-Ergebnis erschien nie
- walks: Challenge-/Stamm-Gassi-Tabs leer
- welcome: iOS-Panel der Desktop-Install-Anleitung
- wiki: Fotos-Mod-Badge + Foto-Fallback (via app.js data-fb show-el/sibling-Handler)
- routes: Filter-Badge; breeder: Fotos-Section
Zweite Fehlerklasse aus demselben Sprint: doppelte class-Attribute
(class="x" id=… class="hidden") — Browser verwirft das zweite Attribut.
87 Vorkommen in 23 Dateien zusammengeführt; betroffene Show/Hide-Pfade
(ev-map, rk-mine/nearby-group, chat-partner-dot, eh-panel, zh-section)
auf classList umgestellt.
This commit is contained in:
parent
5acbaaa97b
commit
178aef7fb0
32 changed files with 197 additions and 188 deletions
|
|
@ -156,7 +156,7 @@ window.Page_wiki = (() => {
|
|||
|
||||
// Badge updaten
|
||||
const badge = document.getElementById('wiki-fotos-badge');
|
||||
if (badge) { badge.textContent = subs.length; badge.style.display = subs.length ? '' : 'none'; }
|
||||
if (badge) { badge.textContent = subs.length; badge.classList.toggle('hidden', !subs.length); }
|
||||
|
||||
if (!subs.length) {
|
||||
el.innerHTML = `
|
||||
|
|
@ -216,7 +216,7 @@ window.Page_wiki = (() => {
|
|||
const badge = document.getElementById('wiki-fotos-badge');
|
||||
if (badge) {
|
||||
const n = Math.max(0, parseInt(badge.textContent || '0') - 1);
|
||||
badge.textContent = n; badge.style.display = n ? '' : 'none';
|
||||
badge.textContent = n; badge.classList.toggle('hidden', !n);
|
||||
}
|
||||
} catch (e) { UI.toast(e.message, 'danger'); }
|
||||
}
|
||||
|
|
@ -269,8 +269,8 @@ window.Page_wiki = (() => {
|
|||
</select>
|
||||
</div>
|
||||
<div style="padding:0 0 var(--space-3)">
|
||||
<button class="btn btn-secondary w-full" id="wiki-rasse-erkennen-btn"
|
||||
class="text-sm">
|
||||
<button class="btn btn-secondary w-full text-sm" id="wiki-rasse-erkennen-btn"
|
||||
>
|
||||
<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#magnifying-glass"></use></svg>
|
||||
Welche Rasse ist das? — Foto analysieren
|
||||
</button>
|
||||
|
|
@ -669,7 +669,7 @@ window.Page_wiki = (() => {
|
|||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<button class="btn btn-secondary btn-sm" id="wiki-zuchter-add-btn" class="mt-3">
|
||||
<button class="btn btn-secondary btn-sm mt-3" id="wiki-zuchter-add-btn">
|
||||
+ Züchter eintragen
|
||||
</button>
|
||||
` : '';
|
||||
|
|
@ -835,14 +835,14 @@ window.Page_wiki = (() => {
|
|||
${berichteHtml}
|
||||
</div>
|
||||
${_appState.user
|
||||
? `<button class="btn btn-secondary w-full" id="wiki-bericht-add-btn" class="mt-3">+ Eigenen Bericht hinzufügen</button>`
|
||||
? `<button class="btn btn-secondary w-full mt-3" id="wiki-bericht-add-btn">+ Eigenen Bericht hinzufügen</button>`
|
||||
: `<p style="color:var(--c-text-secondary);font-size:var(--text-sm);margin-top:var(--space-3)">
|
||||
<a href="#settings" class="text-primary">Anmelden</a>, um einen Bericht zu schreiben.
|
||||
</p>`
|
||||
}
|
||||
${_appState.user ? `
|
||||
<div style="margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--c-border-light)">
|
||||
<button class="btn btn-ghost w-full" id="wiki-foto-submit-btn" class="text-sm">
|
||||
<button class="btn btn-ghost w-full text-sm" id="wiki-foto-submit-btn">
|
||||
${UI.icon('camera')} ${rasse.foto_url ? 'Besseres Foto vorschlagen' : 'Foto hinzufügen'}
|
||||
</button>
|
||||
</div>` : ''}`}
|
||||
|
|
@ -878,7 +878,8 @@ window.Page_wiki = (() => {
|
|||
const idx = parseInt(btn.dataset.idx);
|
||||
mainImg.src = allFotos[idx].foto_url;
|
||||
mainImg.style.display = '';
|
||||
document.getElementById('wiki-photo-fallback').style.display = 'none';
|
||||
const fb = document.getElementById('wiki-photo-fallback');
|
||||
fb.classList.add('hidden'); fb.style.display = '';
|
||||
strip.querySelectorAll('.wiki-gallery-thumb').forEach(b => b.classList.toggle('active', b === btn));
|
||||
});
|
||||
});
|
||||
|
|
@ -1255,7 +1256,7 @@ window.Page_wiki = (() => {
|
|||
<span>${UI.icon('house-line')} ${r.wohnung_geeignet ? 'Wohnung' : 'Haus'}</span>
|
||||
<span>${UI.icon('users')} ${r.kinder_geeignet ? 'Kinderfreundlich' : 'Erfahrung nötig'}</span>
|
||||
</div>
|
||||
<button class="btn btn-secondary btn-sm wiki-quiz-mehr" data-slug="${UI.escape(r.slug)}" class="mt-2">Mehr erfahren</button>
|
||||
<button class="btn btn-secondary btn-sm wiki-quiz-mehr mt-2" data-slug="${UI.escape(r.slug)}">Mehr erfahren</button>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
|
@ -1268,7 +1269,7 @@ window.Page_wiki = (() => {
|
|||
</div>
|
||||
<h3 style="margin:var(--space-4) 0 var(--space-2);text-align:center">Deine Top 3 Rassen</h3>
|
||||
<div class="wiki-quiz-results">${cardsHtml}</div>
|
||||
<button class="btn btn-secondary w-full" id="quiz-restart" class="mt-4">Quiz neu starten</button>
|
||||
<button class="btn btn-secondary w-full mt-4" id="quiz-restart">Quiz neu starten</button>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue