italia / italia/design-angular-kit

[Feat] Rimozione del margin-bottom agli input che non si trovano all'interno di un form

Open
#721 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
86
Forks
45
PR merge metrics
No merged PRs in 30d

Description

### Esiste già una discussione sul tema che ti interessa, o su un tema simile?

- [x] Ho verificato e non esiste

### Versione della libreria

v21.0.0

### Cosa

A **tutti** gli input è applicata la seguente classe
```scss
.form-group {
position: relative;
margin-bottom: 3rem;
margin-top: 0;
}
```

### Perché

L'applicazione indiscriminata della classe rende tedioso l'utilizzo _"standalone"_ degli input (es. una text-field in cima a una tabella che funga da ricerca). L'applicazione forzata dei margini rende laborioso seguire le specifiche di design

### Contesto

_No response_

### Altro

Credo abbia senso applicare la classe solo agli input che si trovano all'interno di un ``, in modo da lasciare intoccati quelli che vengono utilizzati in autonomia. Al momento sto adottando il seguente workaround

```scss
// styles.scss

@import 'bootstrap-italia/src/scss/bootstrap-italia';

.form-group:not(form *) {
margin: 0;
}
```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.