rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix: Staging-Nav-Styles nach App.init() setzen (inline, mit Retry)

Browse source
This commit is contained in:
rene 2026-04-29 20:57:46 +02:00
parent 0ecbc09b97
commit 15d8347e16
1 changed files with 11 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

26
backend/static/js/app.js
View file

@ -863,22 +863,18 @@ const App = (() => {
// App starten
document.addEventListener('DOMContentLoaded', () => {
App.init();
if (IS_STAGING) {
document.title = '⚗️ ' + document.title;
// Bottom-Nav lila einfärben als Staging-Indikator
const style = document.createElement('style');
style.textContent = `
#bottom-nav {
background: #2d1b69 !important;
border-top-color: #7c3aed !important;
}
#bottom-nav .nav-item-label { color: rgba(255,255,255,0.6) !important; }
#bottom-nav .nav-item.active .nav-item-label { color: #c4b5fd !important; }
#bottom-nav .nav-item svg { color: rgba(255,255,255,0.5) !important; }
#bottom-nav .nav-item.active svg { color: #c4b5fd !important; }
#bottom-nav .nav-item-center .plus-btn { background: #7c3aed !important; }
`;
document.head.appendChild(style);
// Nach App.init() Styles direkt setzen — sonst überschreibt init sie
const _applyStaging = () => {
const nav = document.getElementById('bottom-nav');
if (!nav) return;
nav.style.cssText += ';background:#2d1b69!important;border-top-color:#7c3aed!important;box-shadow:0 -2px 12px rgba(124,58,237,0.4)!important';
nav.querySelectorAll('.nav-item-label').forEach(el => el.style.color = 'rgba(196,181,253,0.75)');
nav.querySelectorAll('.plus-btn, .nav-item-center button').forEach(el => el.style.background = '#7c3aed');
};
_applyStaging();
setTimeout(_applyStaging, 400); // nochmal nach vollständigem Render
}
App.init();
});