Farmer-Header v2 nach Thomas-Feedback + Default-Musikplayer

- Header nach oben RECHTS (raus aus dem Leaflet-Zoom oben links),
  Geld-Anzeige entfernt (steht in linker Sidebar), Emoji aus Titel,
  Jahr als Badge in die Pille (Konsistenz mit Batch 1), Inter-Font.
- Jahr-Leiste + Anbau-Versuch-Spalte nach unten geschoben (unter Header).
- Komponente: wiederverwendbarer Default-Musikplayer (data-ggs-music,
  Klima-Tracks als Plattform-Standard) + Musik-Widget-Styling fuer Sims
  ohne design-system.css.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-08-25 15:02:18 +02:00
parent 7b1bdb8d1b
commit 6c2990aa5e
3 changed files with 82 additions and 9 deletions
+32
View File
@@ -21,6 +21,7 @@
position: relative;
z-index: 1000;
flex-wrap: nowrap;
font-family: 'Inter', system-ui, -apple-system, sans-serif;
}
/* Overlay-Modus: Zeile schwebt über Vollbild-Canvas (Heli, Tourismus …).
@@ -247,6 +248,37 @@
height: auto;
}
.ggs-header--float .ggs-pop--music .ggs-music[hidden] { display: inline-flex !important; }
/* Musik-Bedienelemente selbst gestalten (auch für Sims ohne design-system.css) */
.ggs-header--float .ggs-pop--music .ggs-music-sel {
height: 30px;
border: 1px solid rgba(0, 0, 0, .12);
border-radius: 8px;
padding: 0 .5rem;
font-size: .78rem;
font-weight: 700;
color: #1f4e5a;
background: #f7f6f3;
max-width: 130px;
}
.ggs-header--float .ggs-pop--music .ggs-music-btn {
width: 30px;
height: 30px;
border: none;
border-radius: 8px;
background: #4a7c8a;
color: #fff;
font-size: .8rem;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
flex: none;
}
.ggs-header--float .ggs-pop--music .ggs-music-btn.playing { background: #5a8a5e; }
.ggs-header--float .ggs-pop--music .ggs-music-vol {
width: 84px;
accent-color: #4a7c8a;
}
/* Schmaler auf iPad-Landscape (Platz sparen) */
@media (max-width: 1100px) {