[Innspill til komponent]: <Alert />

[solumstrand]

Tilbakemelding

Ønske om x-small.

Vi bruker designsystemet i saksbehandlingsløsningen vi jobber med. Per nå blir alert for svær i noen steder, og vi har endt med å bruke tag-komponent i x-small fordi den er halvparten av høyden. Ikke ideelt

[sjur-gr]

Yo! Jeg kan grave litt. Har du mulighet til å sende link til UI så vi skjønner kontekst. Gjerne DM på Salck.

[solumstrand]

Her har vi endt opp med å bruke tag

[solumstrand]

Her er med alert

Det er mange slike kort på en side, og kan være mange slik varsler. Vi har allerede ett problem med for lange sider, så må dessverre spare plass overalt hvor vi kan :(

[sjur-gr]

Skjønner. Kan dere bruke varianten "inline"?

[solumstrand]

Vi vurderte det, men da blir den dessverre litt for lett å overse. Vi vet det går fort når de saksbehandler, så farget bakgrunn hjelper på :)

[TRG200]

Tenkte jeg kunne pitche inn litt her siden jeg også jobber under kompakte UI forhold på saksbehandling og stadig tenker på tilpassede løsninger. Om Aksel alert default skal bli så lav som feks. Xsmall Tag (20px) så blir det litt tricky med props som krever minimum target area, som feks, close og eventuelle fremtidig chevron for expand som jeg ser kan være aktuelt, men hvis man har en Xsmall alert i default variant med BodyShort/Small (for redusert line-height) som ikke har interaktive egenskaper så kunne det fungert rent funksjonelt med rendyrket rolle for statisk tekstfremvisning. Jeg regner også med at slike tekster alltid er en-linjet, for hvis aktuelle tekst knekker faller konseptet med en Xsmall default alert på 20px høyde bort.

Man kan argumentere for at lesbarheten reduseres med border når paddingen er så sparsom som Tag som er laget for enkelt-ord og ikke setninger. Borderen er nødvendig for å innfri kontrastkravene på Alert når main bg er subtle. Ofte er plassgevinsten viktigere enn litt redusert lesbarhet, men greit å ha det vurdert.

Fordi nevnte border blir så tight inntil tekstbuskapet så tenkte jeg å også dele ideen om å kun sette rett semantisk bakgrunnsfarge på teksten i CSS, da forsvinner selvsagt formspråket fra Alert men tenkte å nevne det der hovedmålet kun er å markere viktig tekst (se vedlegg) og skape visuelt budskapsfokus. Aksel kunne kanskje drodlet videre på dette med text highlight som del av en typografi feature. Her er det UU aspekter å vurdere selvsagt, så det er kun uformell tankedeling 😀

[solumstrand]

Ikke dumt!

[Karroholm]

Ønsker oss også en x-small for alert i saksbehandlingssystem av samme begrunnelse. Small er litt stor, inline forsvinner litt og det går fort i saksbehandlingsløpet så bakgrunnsfargen er ser vi som nødvendig