Altinn / Altinn/app-frontend-react

"innerGrid" for avkrysning/alternativer/Checkboxes

Open
#4,313 0 comments 0 reactions 0 assignees View on GitHub
kind/feature-request status/triage
Dominant language
TypeScript
Stars
21
Forks
33
Avg merge
6d 23h
Merged PRs (30d)
3

Description

### Description

Jeg har prøvd ulike varianter av "grid"/"labelGrid"/"innerGrid" på Checkbox-komponenten. Resultatet blir aldri slik jeg tenker det burde ha blitt. For meg ville det vært logisk å kunne styre bredden på selve avkrysningsalternativene med "innerGrid", men likevel beholdt bredden på title og description på selve spørsmålet. Slik det er nå blir all teksten smal hvis jeg legger på innerGrid.
I skjermdumpen under ser man hvordan et Input-felt får beholde bredden i tittel og beskrivelse, mens checkbox blir stengt inne.

Image

I skjermdumpen har jeg brukt samme definisjon av "grid" for begge komponentene:
"grid": {
"md": 12,
"innerGrid": {
"md": 5
}
}

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the Checkbox and Input components with the shown grid configuration: md 12 and innerGrid md 5. Compare how the question title and description widths behave with the checkbox options; the work is done when innerGrid controls the options while the title and description retain the outer width.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
58/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.