Il banner di collegamento di benvenuto ha un margine extra

C’è un piccolo bug di margine:

Non riesco a vedere questo problema su meta, ma sulla mia istanza, è causato da questo codice CSS:

image

Il codice è lì per aggiungere un po’ di margine tra i pulsanti in alto e il banner di benvenuto, ma sta anche imponendo il margine in luoghi in cui non dovrebbe, il margine rimane abilitato anche se il banner di benvenuto è nascosto, ad esempio, a causa dello staff o del livello di fiducia.

EDIT: correzione approssimativa?
Rimuovi il margine da questa classe:

.above-main-container-outlet.welcome-link-banner-connectors {
    margin-bottom: 0em !important;
}

E aggiungi lo stesso margine a questa classe:

.above-main-container-outlet.welcome-link-banner-connectors .welcome-link-banner, .below-site-header-outlet.welcome-link-banner-connector .welcome-link-banner {
    margin-bottom: 1em;
}

Questo sembra aver risolto il problema per me. Non ho ancora visto cose rompersi e il banner ha ancora un bell’aspetto.

3 Mi Piace

.above-main-container-outlet.welcome-link-banner-connectors ha un margin-bottom: 1em di cui non ne vedo lo scopo.

Inoltre, aggiunge uno spazio vuoto sia che il banner di benvenuto sia visualizzato o meno. Se non viene visualizzato, il margine non dovrebbe esserci.

Può anche interferire con il layout di altri componenti del tema sottostanti, come la corda luminosa di Christmas Decoration Component 🎄.

Esempio:

Due soluzioni qui:

O rimuovere il margin-bottom dal componente Welcome Banner se non ha utilità o aggiungere un display: none; al Welcome Banner quando i requisiti per la sua visualizzazione non sono soddisfatti.

4 Mi Piace

Grazie per avermelo fatto sapere! Ci sono alcuni casi in cui il banner si trova immediatamente sopra un altro banner o avviso, motivo per cui necessita del margine. Sono riuscito a riposizionare il margine per rimuovere l’impatto quando il componente è nascosto.

6 Mi Piace

Beh, allora è stata una terza! :laughing:

4 Mi Piace