Header-Komponente: Bespoke-Fixes (Logo-Verzerrung, Icon-Groesse, Glossar-Icon)

- Logo-Kreis resettet Padding/Border/min-height (Sim-eigenes a-Styling
  vererbte sich -> verzerrter Logo-Kreis).
- .ic-Groesse (20px) auch fuer Buttons/Links ohne .ggs-btn-ghost-Klasse
  (Lautsprecher/Hilfe rendeten riesig).
- Sim-interne Glossar-Buttons (glossar-btn u.a.) bekommen das Buch-Icon
  statt Emoji.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-08-25 15:07:09 +02:00
parent 6c2990aa5e
commit ec746f250f
2 changed files with 12 additions and 0 deletions
+10
View File
@@ -49,6 +49,8 @@
.ggs-header--float .ggs-header-logo {
width: 30px;
height: 30px;
min-width: 30px;
min-height: 0;
border-radius: 50%;
background: #1f4e5a;
flex: none;
@@ -57,6 +59,9 @@
align-items: center;
justify-content: center;
gap: 0;
padding: 0;
border: none;
box-sizing: border-box;
}
.ggs-header--float .ggs-header-logo-icon {
width: 100% !important;
@@ -155,6 +160,11 @@
background: #fff;
transform: translateY(-1px);
}
.ggs-header--float .ggs-header-actions > button .ic,
.ggs-header--float .ggs-header-actions > a .ic {
width: 20px;
height: 20px;
}
/* --- Tempo-Zustandsbutton (zeigt IMMER den aktuellen Speed) --- */
.ggs-header--float .ggs-tempo { position: relative; display: inline-flex; }