search

IHK-GfI / lux-components

Other
17 stars 5 forks source link

Styleanpassungen für Buttons im Green-Theme #470

Closed patrowe closed 3 weeks ago

patrowe commented 2 months ago

Eine Analyse des IHK24-Designs hat folgende Abweichungen bei den Stylings der Buttons ergeben:

Akzeptanzkriterien

  1. Alle Button-Labels verwenden die Schriftart Blogger Sans, mit font-weight: 400, die Schriftart Korb wird im Fontstack vorangestellt.
  2. Beim Hover-Effekt wird das Button-Label zusätzlich unterstrichen.
  3. Der Abstand des Focus-Indicators wird auf 2px erhöht.
  4. Die Strichstärke bei den stroked-Buttons wird auf 2px erhöht
  5. Die Farbwerte werden entsprechend der Designvorlage angepasst.

Der Link zu der Designvorlage mit allen Farbwerten wurde an das Team ATF übermittelt, hier die pdf-Version für die Übersicht Anpassungen- Buttons.pdf

patrowe commented 3 weeks ago

Nach neuen Designentscheidungen und Analyse für die Migration auf die Angular MDC-Components, sollen in diesem Schritt nur die Schriften der Button-Labels Angepasst werden. Alle weiteren Anpassungen werden mit oder nach der Migration durchgeführt.

Akzeptanzkriterien

Alle Button-Labels verwenden die Schriftart Blogger Sans, mit font-weight: 400, die Schriftart Korb wird im Fontstack vorangestellt.

thodic77 commented 3 weeks ago

Die Anforderungen wurden umgesetzt.

Test

image

DSeifer commented 3 weeks ago

Unter Windows 10 Enterprise 22H2 (19045.4412) und MacOS 14.5 mit den jeweils aktuellen Browserversionen und im Green-Theme getestet:

MacOS: Safari -> OK Chrome -> OK

Windows: Edge -> OK Chrome -> OK