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
+8 -8
View File
@@ -7,7 +7,7 @@ session_start();
$loggedIn = isset($_SESSION['user_id']);
$pageTitle = 'Mond-Stern-Bedeckungen - AstroTools';
$bodyClass = 'occult-page';
$bodyClass = 'occ-page';
$headerIntroPre = '';
$headerIntroTitle = '';
$headerIntroSub = '';
@@ -374,8 +374,8 @@ if (!empty($currentLocation) && is_array($currentLocation)) {
<span class="hint">Die Berechnung laeuft im Hintergrund. Hoehere Grenzgroessen brauchen deutlich laenger.</span>
</div>
</div>
<div class="occult-status" id="occultSubmitStatus" hidden style="display:none;">
<span class="occult-spinner" aria-hidden="true" style="opacity:1"></span>
<div class="occult-status occult-status-hidden" id="occultSubmitStatus" hidden>
<span class="occult-spinner occult-spinner-visible" aria-hidden="true"></span>
<span>Berechnung laeuft... Die serverseitige Python-Auswertung kann je nach Grenzgroesse etwas dauern.</span>
</div>
</section>
@@ -421,7 +421,7 @@ if (!empty($currentLocation) && is_array($currentLocation)) {
<div class="occult-submit-panel">
<div class="occult-submit-title">Berechnung laeuft</div>
<div class="occult-submit-row">
<span class="occult-spinner" aria-hidden="true" style="opacity:1"></span>
<span class="occult-spinner occult-spinner-visible" aria-hidden="true"></span>
<span class="occult-submit-text">Die serverseitige Python-Auswertung wird im Hintergrund ausgefuehrt. Die Seite bleibt dabei sichtbar.</span>
</div>
<div class="occult-submit-progress">
@@ -1305,7 +1305,7 @@ if (!empty($currentLocation) && is_array($currentLocation)) {
isSubmitting = true;
status.hidden = false;
status.style.display = 'inline-flex';
status.classList.remove('occult-status-hidden');
overlay.hidden = false;
overlay.classList.add('is-visible');
const submitButton = form.querySelector('button[type="submit"]');
@@ -1347,7 +1347,7 @@ if (!empty($currentLocation) && is_array($currentLocation)) {
isSubmitting = false;
window.setTimeout(function () {
status.hidden = true;
status.style.display = 'none';
status.classList.add('occult-status-hidden');
overlay.hidden = true;
overlay.classList.remove('is-visible');
setEstimatedProgress(0);
@@ -1370,7 +1370,7 @@ if (!empty($currentLocation) && is_array($currentLocation)) {
event.preventDefault();
isSubmitting = true;
status.hidden = false;
status.style.display = 'inline-flex';
status.classList.remove('occult-status-hidden');
overlay.hidden = false;
overlay.classList.add('is-visible');
startEstimatedProgress();
@@ -1400,7 +1400,7 @@ if (!empty($currentLocation) && is_array($currentLocation)) {
isSubmitting = false;
window.setTimeout(function () {
status.hidden = true;
status.style.display = 'none';
status.classList.add('occult-status-hidden');
overlay.hidden = true;
overlay.classList.remove('is-visible');
setEstimatedProgress(0);