c4a8-web / shared-components

Storybook driven shared web components.
1 stars 2 forks source link

Azure Übersichtsseite #183

Closed KristinRolfes closed 3 months ago

KristinRolfes commented 5 months ago

Folgende Module müssten für die Übersichtsseite neu erstellt, bzw. abgeändert werden. Gerne Ticket bei Bedarf aufteilen:

https://www.figma.com/design/EOtCq50WnkBHdNZxMEDue8/GK-Website-Layouts?node-id=1177-7828&t=McCjKkoVAO4RtlTh-1

lenadaflis commented 4 months ago

https://c4a8.sharepoint.com/:f:/r/sites/GKGABMarketing/Shared%20Documents/General/Corp/Digital/Motion/Animation/gk-Azure-Header-Animation?csf=1&web=1&e=1h8icr

Listor commented 4 months ago

Hero kommt dann über das andere Ticket https://github.com/c4a8-web/shared-components/issues/154 und ist dort bereits umgesetzt.

Listor commented 4 months ago

Aktueller Stand ist hier zu sehen auf DEV https://chartreuse-sky.cloudvent.net/de/azure/azure-test/

Die Komponente unter "Wo stehen Sie im Moment?" ist noch in Bearbeitung und funktioniert noch nicht richtig.

Man kann die Logo-Liste im Hero sehen, wie sie leicht durchscrollt, auf kleineren Viewports. Was denkt ihr @lenadaflis @KristinRolfes

KristinRolfes commented 4 months ago

@Listor, finde ich gut! Ich dachte ursprünglich das könnte zu viel werden, funktioniert jedoch in so langsam.

lenadaflis commented 4 months ago

Ich finds auch gut! Das einzige, was mir noch auffällt: Wenn es bei den kleineren Viewports in die Scroll-Variante wechselt, haben die Logos recht wenig Abstand zueinander (momentan 1rem, wenn ich das richtig sehe). Was meint ihr, sollten wir den noch etwas erhöhen? Vielleicht auf 2rem?

Listor commented 4 months ago

Ja stimmt den Abstand passe ich an.

Listor commented 4 months ago

Habe den neusten Stand auf DEV gespielt und den Platzhalter Content schon großenteils eingebaut.

Bin noch an der Komponente mit den Step 1 - Step 4 dran, damit diese so aussieht wie in Figma:

https://chartreuse-sky.cloudvent.net/de/azure/azure-test/

Listor commented 3 months ago

So ich habe die Step 1 - Step 4 Komponente jetzt fertig und auf DEV deployed.

Wenn das für euch so passt @lenadaflis @cakageka dann würde ich das dann auf STAGING spielen, damit du Caro, es heute dann deployen kannst.

DEV: https://chartreuse-sky.cloudvent.net/de/azure/azure-test/

cakageka commented 3 months ago

Passt für uns!

lenadaflis commented 3 months ago

Ah, das einzige, was mir gerade noch auffällt – denkst du, wir könnten eine kleine Transition ergänzen? Hab sie hier mal unten reingepfuscht :-)

image
Listor commented 3 months ago

Ist auf STAGING mit der gewünschten Transition

https://fluffy-soap.cloudvent.net/de/azure/azure-test/

Wollen wir das Ticket für den Floating Action Button und das Case Modul weiterverwenden oder für die beiden Aufgaben eigene Tickets machen @cakageka ?

Würde Letzteres bevorzugen :D

cakageka commented 3 months ago

Für Cases und Floating Action Button gibt es zwei neue Issues.