italia / italia/design-angular-kit
[Feat] Rimozione del margin-bottom agli input che non si trovano all'interno di un form
- 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
Assessment
This issue has not been assessed yet.