Skip to content

Anpassung der Button-Hierarchie im Default-Theme #7669

@mweiershaeuser

Description

@mweiershaeuser

Im Zuge einer Projekt-bezogenen Umstellung auf das Default-Theme haben wir gemeinsam mit @deleonio offene Punkte abgestimmt, die wir gern als Vorschlag für das Default-Theme einreichen würden.

Einer dieser Punkte ist die Button-Hierarchie. Hier lassen sich gegenwärtig zwei verschiedene Ebenen unterscheiden: Primary und Secondary/Normal. Der Ghost-Button kann hier aus Gründen der Barrierefreiheit nicht für eine weitere Unterscheidung dienen, weil er mit einem Link verwechselt werden könnte und somit nicht verwendet werden soll. Da der Secondary- und Normal-Button identisch sind, lässt sich mit diesen keine weitere visuelle Unterscheidung erreichen. Daher möchten wir folgende Vorschläge unterbreiten:

  • Der Secondary-Button erhält einen eigenen Style, der sich zwischen Primary und Normal einordnet und über eine CSS-Variable individualisieren lässt. Damit ist eine Unterteilung der Button-Hierarchie in drei Ebenen möglich, auch ohne die Verwendung des Ghost-Buttons.
  • Der Tertiary-Button erhält den Style des Normal-Buttons und stellt damit entsprechend seines Wordings die dritte Hierarchie-Ebene dar. Der Normal-Button bleibt (wie zuvor der Tertiary-Button) ungestyled und stellt damit entsprechend seines Wordings den Button im Standard-Zustand dar.

Ein Pull-Request für die Vorschläge folgt in Kürze.

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    ✅ Done

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions