CSS umgebaut

This commit is contained in:
Eskimue
2026-04-02 11:17:37 +02:00
parent f5dda8e8be
commit e0ed172504
14 changed files with 612 additions and 2545 deletions
+9 -5
View File
@@ -404,7 +404,7 @@ function renderChart(localDate) {
infoDiv.innerHTML = '';
needleEls = [];
loadDiv.innerHTML = '<div class="spin-ring"></div>Berechne Positionen...';
loadDiv.style.display = 'flex';
loadDiv.classList.remove('is-hidden');
window.setTimeout(() => {
try {
@@ -499,10 +499,13 @@ function renderChart(localDate) {
row.innerHTML = `
<div class="planet-label">
<div class="planet-orb" style="background:radial-gradient(circle at 38% 36%,${def.color},rgba(0,0,0,.88));box-shadow:0 0 10px ${def.glow},inset 0 0 4px rgba(255,255,255,.07);">${def.symbol}</div>
<div class="planet-orb">${def.symbol}</div>
<div><div class="planet-name">${def.name}</div><div class="planet-meta">${metaStr}</div></div>
</div>
`;
const orbEl = row.querySelector('.planet-orb');
orbEl.style.setProperty('--planet-orb-color', def.color);
orbEl.style.setProperty('--planet-orb-glow', def.glow);
const barOuter = document.createElement('div');
barOuter.className = 'bar-outer';
@@ -553,10 +556,11 @@ function renderChart(localDate) {
<div class="info-card"><strong>Zeitzone</strong><br>${tzH === 2 ? 'MESZ (UTC+2)' : 'MEZ (UTC+1)'}<br>${SITE_LOCATION.timezone}</div>
`;
loadDiv.style.display = 'none';
loadDiv.classList.add('is-hidden');
updateNeedles();
} catch (error) {
loadDiv.innerHTML = `<span style="color:#c05050;font-size:11px">Fehler: ${error.message}</span>`;
loadDiv.innerHTML = `<span class="planetvis-error-text">Fehler: ${error.message}</span>`;
loadDiv.classList.remove('is-hidden');
console.error(error);
}
}, 30);
@@ -591,7 +595,7 @@ if (typeof Astronomy !== 'undefined') {
init();
} else {
document.getElementById('loadOverlay').innerHTML =
'<span style="color:#c05050;font-size:11px">Bibliothek konnte nicht geladen werden.</span>';
'<span class="planetvis-error-text">Bibliothek konnte nicht geladen werden.</span>';
}
</script>
<?php endif; ?>