fix: Ausrüstungs- und Waffen-Slots einheitlich groß und ausgerichtet #21

Merged

DasAoD merged 1 commit from fix/equip-slot-size-consistency into main

2026-08-03 23:58:23 +02:00

DasAoD commented

2026-08-03 23:50:49 +02:00

Owner

Problem

Nach PR #20 waren Füße/Schmuck (letzte Ausrüstungsreihe) und die Waffen-Slots zwar näher beieinander, aber die Waffen-Icons wirkten spürbar kleiner als die restlichen Ausrüstungs-Icons — und jede Größenänderung an einer Seite verschob durch die 1fr-Grid-Spalten rückwirkend die Größe der anderen Seite.

Ursache

.char-slot bekam seine Größe bisher rein aus der 1fr-Breite seiner Grid-Spalte (width: 100%), während .char-weapon-row .char-slot fest auf 72px gesetzt war. Das erzeugt eine gegenseitige Abhängigkeit: eine breitere Mitte (Waffen-Zeile) lässt die Seitenspalten schrumpfen und umgekehrt — Größe und Position laufen sich ständig gegenseitig davon.

Änderung

Alle .char-slot (Ausrüstung und Waffen) haben jetzt eine feste Breite von 96px statt variabler 1fr-Breite.
.char-hero nutzt feste statt flexible Spaltenbreiten für die Seitenspalten (96px auto 96px), damit die Größe stabil bleibt, egal was in der Mitte passiert.
Um dafür genug vertikalen Platz zu schaffen (Waffen-Slots auf Höhe von Füße/Schmuck): Tränke-Icons weiter verkleinert (28px → 18px), redundanten "TRÄNKE"-Titel entfernt (jedes Icon hat schon einen Tooltip), Ablaufzeit nicht mehr als eigene Zeile sichtbar — steht aber weiterhin im Tooltip ("... — noch 3T 12Std"), geht also nicht verloren.

Test

Live im Browser simuliert (CSS-Overrides direkt in der laufenden Seite injiziert): Waffen-Slot-Oberkante liegt jetzt exakt auf Höhe von "Füße", ~4px Unterschied zu "Schmuck" (Rundungsdifferenz). Modal weiterhin ohne internen Scrollbalken. Bitte nach Merge/Deploy nochmal am echten Modal gegenchecken.

## Problem Nach PR #20 waren Füße/Schmuck (letzte Ausrüstungsreihe) und die Waffen-Slots zwar näher beieinander, aber die Waffen-Icons wirkten spürbar kleiner als die restlichen Ausrüstungs-Icons — und jede Größenänderung an einer Seite verschob durch die 1fr-Grid-Spalten rückwirkend die Größe der anderen Seite. ## Ursache `.char-slot` bekam seine Größe bisher rein aus der `1fr`-Breite seiner Grid-Spalte (`width: 100%`), während `.char-weapon-row .char-slot` fest auf 72px gesetzt war. Das erzeugt eine gegenseitige Abhängigkeit: eine breitere Mitte (Waffen-Zeile) lässt die Seitenspalten schrumpfen und umgekehrt — Größe und Position laufen sich ständig gegenseitig davon. ## Änderung - Alle `.char-slot` (Ausrüstung **und** Waffen) haben jetzt eine feste Breite von 96px statt variabler `1fr`-Breite. - `.char-hero` nutzt feste statt flexible Spaltenbreiten für die Seitenspalten (`96px auto 96px`), damit die Größe stabil bleibt, egal was in der Mitte passiert. - Um dafür genug vertikalen Platz zu schaffen (Waffen-Slots auf Höhe von Füße/Schmuck): Tränke-Icons weiter verkleinert (28px → 18px), redundanten "TRÄNKE"-Titel entfernt (jedes Icon hat schon einen Tooltip), Ablaufzeit nicht mehr als eigene Zeile sichtbar — steht aber weiterhin im Tooltip (`"... — noch 3T 12Std"`), geht also nicht verloren. ## Test Live im Browser simuliert (CSS-Overrides direkt in der laufenden Seite injiziert): Waffen-Slot-Oberkante liegt jetzt exakt auf Höhe von "Füße", ~4px Unterschied zu "Schmuck" (Rundungsdifferenz). Modal weiterhin ohne internen Scrollbalken. Bitte nach Merge/Deploy nochmal am echten Modal gegenchecken.

DasAoD added 1 commit

2026-08-03 23:50:49 +02:00

fix: Ausrüstungs- und Waffen-Slots einheitlich groß und ausgerichtet 05f49c20e2

Bisher bekamen Ausrüstungs-Slots ihre Größe rein aus der 1fr-Grid-
Spaltenbreite (width:100%), während Waffen-Slots fest auf 72px
standen. Das führte zu zwei Problemen:
- Waffen-Slots wirkten sichtbar kleiner als alle anderen Items.
- Jede Größenänderung an einer Seite verschob rückwirkend die
  Spaltenbreite der anderen Seite (1fr verteilt den Rest neu), was
  die Höhen-Ausrichtung aus der letzten PR wieder zunichte machte.

Jetzt haben alle .char-slot (Ausrüstung + Waffen) eine feste Breite
von 96px, char-hero nutzt feste statt flexible Spaltenbreiten für
die Seitenspalten. Damit ist die Positionierung stabil und nicht
mehr von der Breite der Tränke-/Waffen-Zeile in der Mitte abhängig.

Um dafür genug vertikalen Platz zu schaffen, damit die Waffen-Slots
auf Höhe von Füße/Schmuck (letzte Ausrüstungsreihe) landen, wurden
die Tränke-Icons weiter verkleinert (28px -> 18px), der "TRÄNKE"-
Titel entfernt (redundant zu den Tooltips) und die sichtbare
Ablaufzeit ausgeblendet — sie steht aber weiterhin im Tooltip
("... — noch 3T 12Std"), geht also nicht verloren.

Live getestet (CSS-Overrides in der laufenden Seite injiziert):
Waffen-Slot-Oberkante liegt jetzt exakt auf Höhe von Füße, ~4px
Unterschied zu Schmuck (Rundungsdifferenz), Modal weiterhin ohne
Scrollbalken.

DasAoD merged commit 362215b195 into main

2026-08-03 23:58:23 +02:00

DasAoD referenced this pull request from a commit

2026-08-03 23:58:25 +02:00

Merge pull request 'fix: Ausrüstungs- und Waffen-Slots einheitlich groß und ausgerichtet' (#21) from fix/equip-slot-size-consistency into main