CSS regression: .navigation-container border-bottom non ha spaziatura dopo l'ultimo aggiornamento

Ciao team Discourse :waving_hand:,

Dopo l’ultimo aggiornamento, ho notato una regressione CSS relativa all’elemento .navigation-container nelle pagine delle categorie.

In precedenza, c’era uno spazio naturale o un margine tra il bordo inferiore di .navigation-container e il contenuto sottostante (come le caselle delle categorie). Ora, il bordo è aderente all’elemento successivo, senza margini o padding, il che appare visivamente angusto e incoerente.

Questo è iniziato solo dopo l’aggiornamento più recente. Sembra provenire da:

.navigation-categories .navigation-container,
.categories-list .navigation-container {
  border-bottom: 3px solid var(--primary-low-mid-or-secondary-high);
}

L’ho corretto manualmente aggiungendo:

margin-bottom: 24px;

Questo ripristina lo spazio, ma idealmente dovrebbe essere gestito dal core o dal tema predefinito.


Prima:

Dopo:


Saluti

3 Mi Piace

Ciao,

Non riesco a riprodurre questo problema. Lo vedi anche qui su meta o solo sul tuo sito?

Potresti condividere su quali pagine esatte lo vedi? Ad esempio, ho controllato https://meta.discourse.org/categories qui su meta, che mi sembra a posto.

Penso di poterlo riprodurre usando il tema aria qui su Meta

3 Mi Piace

Grazie, questo aiuta.

@jordan.vidrine forse causato dalla nuova variabile globale?

.container.list-container.--categories {
  padding: 0 var(--list-container-categories-padding-x);
}

Il tema Air utilizza un componente personalizzato custom-category-boxes-container, quindi non credo ci sia una correzione generale per questo. I layout delle nostre pagine di categorie sono stati tutti adattati ad esso, per quanto ne so: la visualizzazione normale a riquadri sembra a posto.

@xkhalid stai usando componenti personalizzati in quella pagina?

1 Mi Piace

Ciao,


Uso Air-Theme


E questi sono i miei plugin:

Ok, questo spiega tutto, grazie. Risolveremo presto il tema dell’aria.

1 Mi Piace

Grazie @chapoi per la tua rapida risposta!

Ho aggiunto questo all’interno del CSS per risolverlo temporaneamente:

.navigation-categories .navigation-container,
.categories-list .navigation-container {
    border-bottom: 3px solid var(--primary-low-mid-or-secondary-high);
    margin-bottom: 24px;
}
1 Mi Piace

Corretto in

Grazie per la segnalazione!

4 Mi Piace

Questo argomento è stato chiuso automaticamente dopo 4 giorni. Non sono più ammesse nuove risposte.