Skip to content

Das span-Element im KolBadge nimmt nicht die gesamte Größe des Hosts ein #9837

@laske185

Description

@laske185

Problembeschreibung

Das erste <span> im KolBadge nimmt nicht die vollständige Größe des Host-Elements an. Dadurch ist es aktuell nicht möglich, die Badges von außen in ihrer Größe zu manipulieren.

Screenshots zum Problem

KolBadge Komponente: Größe nicht komplett übernommen DOM-Inspektor: KolBadge span nimmt nicht volle Größe ein

Erwartetes Verhalten

Das erste <span> des KolBadge soll die komplette Größe des Host-Elements einnehmen, sodass eine externe Größenanpassung des Badges möglich ist.

Schritte zur Reproduktion

  1. Einfügen eines KolBadge in ein flexibles Layout.
  2. Versuch, die Größe des Badges von außen zu verändern.
  3. Beobachtung, dass das Badge nicht erwartungsgemäß die Größe annimmt.

Akzeptanzkriterien:

  • Badge nimmt die gesamte Größe des Hosts ein
  • Es existieren Snapshot-Tests, welche mehrere Badges in einem flex-container untereinander anordnen:
    • Z. B.:
    display: flex;
    flex-direction: column;
    align-items: stretch;

Metadata

Metadata

Assignees

Labels

Type

Projects

Status

🔍 Review

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions