Recientemente configuré el siguiente script con estilo como una solución muy hack para esto:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("https://www.google.com/calendar") {
.calListChip[title='Tasks'] {
display: none;
}
#calcontent.eui-t .calListRow {
height: unset;
line-height: unset;
max-height: 19px;
}
.calListRow {
height: unset;
}
}
El CSS selecciona el div que contiene el contenido para la entrada Tareas y lo configura para que no se muestre. También establece los divs que asignan espacio para las entradas del calendario para usar max-height en lugar de la altura para determinar su tamaño, lo que a su vez permite que estos divs colapsen si no contienen contenido renderizado (como en el caso de la entrada del calendario Tareas) .
Este CSS no eliminará el borde blanco de 1 píxel en la parte inferior de la entrada Tareas. Si el fondo de su lista de calendario es blanco, esto pasará desapercibido, pero si el fondo de esa sección es de un color que no sea blanco, tendrá un borde de doble grosor donde solía estar la entrada de Tareas.
Si desea eliminar también el calendario de Cumpleaños, agregue el siguiente bloque de código a la sección sangrada del script Elegante:
.calListChip[title='Birthdays'] {
display: none;
}
.calListChip[title='Tasks']
? Este selector está asociado con cualquier elemento del calendario que tenga el título "Tareas". Debe ocultar solo las Tareas. ¡Funciona para mi!