MudBlazor/MudBlazor

MudTabs with badges not spaced correctly when tab names are longer - badge gets cut off

Offen

#1.668 geöffnet am 26.05.2021

Auf GitHub ansehenContributor Guide
 (8 Kommentare) (9 Reaktionen) (0 zugewiesene Personen)C# (1.631 Forks)batch import
bughas workaroundhelp wanted

Repository-Metriken

Stars
 (10.394 Sterne)
PR-Merge-Metriken
 (Durchschn. Merge 6T 6h) (108 gemergte PRs in 30 T)

Beschreibung

Describe the bug Fix of #1365 and #1544 was not successful! When using MudTabs with longer MudTabPanel Text values and a Badge, the badge gets cut off and there is no spacing between the tabs.

Expected behavior The tabs to be spaced correctly whether a Badge is used or not.

TryMudBlazor

Screenshots grafik

grafik

Contributor Guide

Research-Richtung
Reproduzieren Sie den Fehler mit den beiden TryMudBlazor Snippets. Untersuchen Sie das CSS von MudTabs und MudBadge. Identifizieren Sie, warum das Abzeichen abgeschnitten wird, wenn die Tab Namen länger sind. Überprüfen Sie auf Überlaufprobleme. Schlagen Sie dann eine CSS Korrektur vor, um angemessene Abstände hinzuzufügen.
Tech Stack
csharpcsshtml
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
GitBlazorCSS
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75