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; }
+2
View File
@@ -73,6 +73,7 @@
var SOUND_IDS = ['btn-sound', 'btn-mute', 'btnVoiceToggle', 'btnAudioToggle', 'btnAudio', 'audio-toggle', 'btnSound', 'btn-ton', 'btn-audio'];
var RESET_IDS = ['btn-reset', 'btnReset', 'btn-restart', 'btn-neustart'];
var HELP_IDS = ['btn-info', 'btnHelp', 'btn-help', 'btn-anleitung', 'btn-hilfe'];
var GLOSSAR_IDS = ['glossar-btn', 'btn-glossar', 'btnGlossar', 'btnGlossary'];
/* Glyph-Buttons (Ton), die die Sim per textContent umschaltet:
Icon nach jeder Änderung nachziehen, Mute-Zustand als Icon spiegeln. */
@@ -197,6 +198,7 @@
setIcon(helpBtn, 'help', 'Hilfe / Anleitung');
watchGlyphBtn(soundBtn, function (t) { return /🔇|🔈|🔕|off|aus|mute|stumm/i.test(t) ? 'sound-off' : 'sound'; }, 'Ton an/aus');
setIcon(resetBtn, 'restart', 'Neu starten');
setIcon(byIds(header, GLOSSAR_IDS), 'glossar'); // sim-interner Glossar/Fachinfo-Button
var lehrplan = q('#ggs-lehrplan-link'); if (lehrplan) lehrplan.style.display = 'none';
/* --- 4) Tempo-Panel (nur wenn .ggs-speed vorhanden) ------- */