Skip to content

Codice css ridondante e non necessario nel componente toolbar #1747

Closed

Description

@giuliaghisini

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

  • Ho verificato e non esiste

Versione della libreria

3.x

Cosa

Ora che ci sono i token, alcune regole presenti nel codice css di toolbar sono ridondanti.

Ad esempio:

Inoltre:

  • si potrebbero introdurre anche nuovi token (tipo per il posizionamento e dimensione dei badge), in modo da ridurre il codice css generato.
  • la regola .it-ico credo non abbia piu senso (non l'ho mai vista usare negli esempi di toolbar) e si potrebbe togliere
  • anche la classe .toolbar-alert non l'ho mai vista usare negli esempi e forse si potrebbe eliminare come regola ( a meno che non sia lì per una questione di retrocompatibilità)

Perché

ottimizzazione e chiarezza del codice

Contesto

No response

Altro

No response

Activity

  1. added this to the v3.0.0-beta milestone on Apr 9, 2026
  2. self-assigned this
    on Apr 22, 2026
  3. moved this from 🆕 New to 📋 Backlog in Design system .italia 🇮‍🇹on Apr 22, 2026
  4. moved this from 📋 Backlog to 🏗 In progress in Design system .italia 🇮‍🇹on Apr 22, 2026
  5. zetareticoli commented on Apr 22, 2026

    @zetareticoli
    Member

    @giuliaghisini posso chiederti perchè ritieni ridondanti le declarations evidenziate?

    Ho rimosso dal codice CSS la classe .it-ico intanto.

  6. giuliaghisini commented on Apr 22, 2026

    @giuliaghisini
    CollaboratorAuthor

    @zetareticoli
    https://github.com/italia/bootstrap-italia/blob/3.x/src/scss/components/_toolbar.scss#L325

    qui ad esempio, queste regole

          color: var(--#{$prefix}toolbar-link-color);
          .icon {
            fill: var(--#{$prefix}toolbar-icon-color);
          }

    sono ridondanti e inutili, perchè hai già assegnato alla variabile css il valore che ti serve in quel caso. Quella regola per color e fill dell'icona è già definita qui https://github.com/italia/bootstrap-italia/blob/3.x/src/scss/components/_toolbar.scss#L288

  7. zetareticoli commented on Apr 23, 2026

    @zetareticoli
    Member

    Risolto in 9b760b3

  8. moved this from 🏗 In progress to 🔖 Ready in Design system .italia 🇮‍🇹on Apr 23, 2026
  9. moved this from 🔖 Ready to ✅ Done in Design system .italia 🇮‍🇹on Apr 23, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Type

No type

Projects

Relationships

None yet

Development

No branches or pull requests

Issue actions