Banner de Link de Boas-Vindas tem margem extra

Experiência do Usuário
,
1

Existe um pequeno bug de margem:

image
image719×111 1.36 KB

Não consigo ver este problema no meta, mas na minha instância, isso é causado pelo seguinte código CSS:

image

O código está lá para adicionar alguma margem entre os botões superiores e o banner de boas-vindas, mas também está forçando a margem em locais onde não deveria, a margem também permanece ativada mesmo que o banner de boas-vindas esteja oculto, por exemplo, devido a funcionários ou nível de confiança.

EDIT: correção descuidada?
Remova a margem desta classe:

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

E adicione a mesma margem a esta 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;
}

Isso parece ter resolvido o problema para mim. Ainda não vi nada quebrando e o banner ainda parece bom.

3 curtidas
2

.above-main-container-outlet.welcome-link-banner-connectors tem uma margin-bottom: 1em que não vejo propósito.

Além disso, adiciona um espaço vazio, quer o banner de boas-vindas seja exibido ou não. Se não for exibido, a margem não deveria estar aqui.

image
image2498×1369 261 KB

Também pode atrapalhar o layout de outros componentes de tema abaixo, como a corda de luz de Christmas Decoration Component 🎄.

Exemplo:

Duas soluções aqui:

Ou remova a margin-bottom do componente Welcome Banner se não tiver uso, ou adicione um display: none; no Welcome Banner quando os requisitos para sua exibição não forem atendidos.

4 curtidas
3

Obrigado por me informar! Existem alguns casos em que o banner fica imediatamente acima de outro banner ou alerta, e é por isso que ele precisa da margem. Consegui realocar a margem para remover o impacto quando o componente está oculto.

6 curtidas
4

Bem, então foi uma terceira! :laughing:

4 curtidas