MinimalBanners reduce las notificaciones de banner que aparecen sobre el encabezado del sitio cada vez que un usuario recibe anuncios de Fandom o realiza ciertas acciones. Por último, MinimalBanners limita el número de notificaciones de banner visibles en un momento dado a tres (hasta que se hayan descartado todas o se haya vuelto a cargar la página) para evitar esta monstruosidad.
Installation[]
Configuration[]
Todos los trozos CSS siguientes deben insertarse debajo de la importación para que funcionen.
No tan pequeños[]
Si los MinimalBanners son demasiados pequeños, este CSS se puede usar para aumentar su altura:
.wds-banner-notification__container .wds-banner-notification {
min-height: 30px;
}
Aumente a 30 cualquier valor deseado.
Legibilidad[]
MinimalBanners disminuye font-size ligeramente. Si el texto es demasiado pequeño, este CSS se puede utilizar para aumentar su tamaño:
/* For desktop */
.wds-banner-notification__container .wds-banner-notification .wds-banner-notification__text {
font-size: larger|large|x-large|xx-large;
}
/* For mobile */
@media only screen and (max-width: 768px) {
.wds-banner-notification__container .wds-banner-notification .wds-banner-notification__text {
font-size: larger|large|x-large|xx-large;
}
}
Cantidad[]
Este CSS se puede utilizar para aumentar o disminuir el número de notificaciones de banner visibles:
.wds-banner-notification__container .wds-banner-notification:nth-of-type(3) ~ .wds-banner-notification {
display: none;
}
Reemplazar con 3 cualquier número entero positivo.
JS opcional[]
El JS (opcional) le dará un botón en el menú de mis herramientas que, cuando se hace clic, oculta todos los banners actualmente en la página al cerrarlos.
Changelog[]
- 02/07/2019
- Initial revision.
- 02/08/2019
- Complementary JavaScript added by Sophiedp.
- 09/19/2020
- UCP support completed.