navikt / aksel

NAVs designsystem og Aksel-portalen
https://aksel.nav.no
MIT License
156 stars 40 forks source link

[Innspill til komponent]: <HelpText> vis ved hover #2779

Open ivoiv opened 6 months ago

ivoiv commented 6 months ago

Tilbakemelding

I dag vises HelpText kun ved trykk. Det hadde vært fint om det også støttet mulighet for å vises når man holder musepekeren over den.

Det blir som Tooltip, bare med en tekstboks som er mer passelig for større tekster.

KenAJoh commented 6 months ago

Hei 👋 Vi tenker dette kanskje vil være en egen komponent, da vi ikke ønsker å ha flere metoder for å interagere med samme komponent på tvers av flater. Har dere en løsning i dev eller noen screenshots vi kunne brukt som inspirasjon for hvordan dette mønsteret brukes på ulike flater? Vi ser et behov for en lignende komponent, spesielt for interne systemer så alle eksempler hjelper 🙌

ivoiv commented 6 months ago

Dette var vi i dag i en litt eldre tjeneste. Så ønsker noe likt, men med mulighet for å holde Popover åpent dersom man flytter musepekeren til den, for å kunne kopiere teksten.

Det fungerer naturligvis ikke på mobil/tablet så der må man trykke på knappen i stedet.

(Sorry, skjønner ikke hvorfor GIFen ble slow-motion)

helptekst

sjur-gr commented 6 months ago

Som Ken skriver så ønsker vi ikke å legge opp til at UX'en blir forskjellig på tvers av systemene. At noen steder er det hover og andre steder er det klikk. Begge deler blir knotete UX. Jeg løfter spm ut i kanelen for interne flater og hører om det er noen utfordringer med å endre til hover som standard.

ivoiv commented 5 months ago

@sjur-gr Evt. legge til rette for custom styling eller forbedring av Tooltip tekstboksen? Den er veldig liten med lite padding og liten tekst, så det blir uoversiktlig med lengre tekster.

image

sjur-gr commented 5 months ago

Ja, det er by design. Tooltip brukes kun til å beskrive en handling.