Altinn / Altinn/app-frontend-react

Group padding-bottom v4

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

Description

### Description of the bug

The Group component currently has a padding of 38px, which results in greater spacing for the component that follows in comparison to other components.
While this can be beneficial for separating different sections, it’s aslo used to organize components. For instance, if you have several components that need to share the same hidden expression, the Group component serves as an effective organizational tool.” Is this something that should be considered as a bug in V4?

Example from app:
![image](https://github.com/Altinn/altinn-studio/assets/143729834/f41c7ade-1b57-4230-8f86-f7fe2936fb6f)
The padding is defined in GroupComponent.module.css:
![image](https://github.com/Altinn/altinn-studio/assets/143729834/d686d91a-8716-47da-8fca-35c5c6ccf765)

### Steps To Reproduce

1. Create a group component
2. Place an input below the group

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Research direction

Start with GroupComponent.module.css and reproduce the layout using a Group component followed by an input. Compare the Group spacing with other components and confirm the intended padding behavior with the issue context. Done means the Group no longer creates unintended extra spacing while still providing the expected organizational separation.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.