[Pzl.Part.QuickLinks] Visuelt løft - QuickLinks

[Remi749]

Pull request (PR)

Beskrivelse

Det er utført et visuelt løft på QuickLinks webdelen, denne er også blitt refaktorert fra å bruke klasse komponenter til funksjonelle komponenter. AllLinks webdelen tas i egen PR.

Webdelen tar nå i bruk Fluent UI 9, utenom ikoner da det ikke enda er noe støtte for å angi fluent-icons via tekst/lister. De fleste node pakkene er også oppdatert samt støtte for spfx-fast-serve for raskere serving! 🔥

I tillegg er det lagt inn linting med prettier, kjør npm run lint for å linte

Forbedringer

• Nytt fluent rammeverk
• Forbedring på responsivitet og styling gjennom hele webdelen
• Mer interaktivitet, hover, klikk effekter på knapper
• Mulighet for å legge fremvise knapper som ikoner uten tekst
• Mulighet for å ha flere enn en knapp på samme linje
• Mulighet for å legge til egen beskrivelse i Info knapp ved siden av webdel tittel
• Mulighet for å skjule deler av webdel (tittel, "se alle" lenke, osv...)
• Mulighet for å legge på skygge rundt webdelen
• Justering og grupperinger i webdel instillinger
  • Gjort om checkbox til toggle
• Fjerning av "maks lengde på lenketekst", denne er nå responsiv og tar for seg bredden til boks/vindu

Vanlig oppsett

Før	Etter

Gruppert visning

Før	Etter

Webdel instillinger

Før	Etter

Ikonvisning

Ikonvisning	Ikonvisning med gruppering

Responsive knapper

Det er nå mulighet for å skru på responsive knapper slik at flere kan legge seg på samme linje.

[Remi749]

Merger denne så jeg kan starte med AllLinks webdelen.