El banner de enlace de bienvenida tiene un margen adicional

Hay un pequeño error de margen:

No puedo ver este problema en meta, pero en mi instancia, esto es causado por este código CSS:

image

El código está ahí para agregar un margen entre los botones superiores y el banner de bienvenida, pero también está forzando el margen en lugares donde no debería estar, el margen también permanece habilitado incluso si el banner de bienvenida está oculto, por ejemplo, debido al personal o al nivel de confianza.

EDITAR: ¿solución descuidada?
Elimina el margen de esta clase:

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

Y agrega el mismo margen a esta clase:

.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;
}

Esto parece haber resuelto el problema para mí. No he visto que las cosas se rompan hasta ahora y el banner todavía se ve bien.

3 Me gusta

.above-main-container-outlet.welcome-link-banner-connectors tiene un margin-bottom: 1em cuyo propósito no veo.\n\nAdemás, añade un espacio vacío tanto si se muestra el banner de bienvenida como si no. Si no se muestra, el margen no debería estar aquí.\n\n

\n\nTambién puede afectar al diseño de otros componentes temáticos inferiores, como la cuerda de luces de Christmas Decoration Component 🎄welcome banner margin-bottom issue|video\n\nDos soluciones aquí:\n\nO bien eliminar el margin-bottom del componente Welcome Banner si no tiene uso o añadir un display: none; en el Welcome Banner cuando no se cumplan los requisitos para que se muestre.

4 Me gusta

¡Gracias por informarme! Hay algunos casos en los que el banner está inmediatamente encima de otro banner o alerta, por eso necesita el margen. Pude reubicar el margen para eliminar el impacto cuando el componente está oculto.

6 Me gusta

¡Bueno, entonces fue una tercera! :laughing:

4 Me gusta