CSS umgebaut
This commit is contained in:
@@ -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; ?>
|
||||
|
||||
Reference in New Issue
Block a user