italia / italia/design-angular-kit

[Bug] Il componente <it-sidebar> ha diversi problemi

Open
#608 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

Stando alla [documentazione](https://italia.github.io/design-angular-kit/design-angular-kit#/menu-di-navigazione/sidebar), questo è il codice per creare una sidebar

```html





Link lista 1 (attivo)




Link lista 2



Link secondario 1
Link secondario 2 (attivo)

```
e questo è il risultato

Image

Tuttavia, se provo ad utilizzare un `@for`

```html


@for (item of items; track item.id) {



Link lista 1 (attivo)


}


Link secondario 1
Link secondario 2 (attivo)

```
questo è il risultato

Image

Ci sono altri problemi oltre a questo:

1. Se la sidebar non ha link secondari, il divisore non scompare

Image

2. La sidebar in modalità dark non risulta accessibile

Image

Le icone dovrebbero essere bianche come il testo e non dovrebbero diventare azzurrine on-hover

Image

### Perché

Al momento il componente risulta poco flessibile

### Contesto

_No response_

### Altro

_No response_

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.