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:
@@ -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) {
|
||||
|
||||
Reference in New Issue
Block a user