Baru-baru ini saya membuat skrip Gaya berikut sebagai solusi yang sangat rumit untuk ini:
@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;
}
}
CSS memilih div yang berisi konten untuk entri Tugas dan menetapkannya untuk tidak ditampilkan. Ini juga mengatur div yang mengalokasikan ruang untuk entri kalender untuk menggunakan max-height daripada tinggi untuk menentukan ukurannya, yang pada gilirannya memungkinkan divs ini runtuh jika tidak mengandung konten yang dirender (seperti dalam kasus entri kalender Tugas) .
CSS ini tidak akan menghilangkan batas putih 1 piksel di bagian bawah entri Tugas. Jika latar belakang daftar kalender Anda berwarna putih, ini tidak akan terlihat, tetapi jika latar belakang bagian itu berwarna selain putih, Anda akan memiliki batas ketebalan ganda tempat entri Tugas sebelumnya.
Jika Anda juga ingin menghapus kalender Ulang Tahun, tambahkan blok kode berikut ke bagian indentasi dari skrip Gaya:
.calListChip[title='Birthdays'] {
display: none;
}
.calListChip[title='Tasks']
. Pemilih ini dikaitkan dengan item kalender apa pun yang memiliki judul "Tugas". Harus menyembunyikan hanya satu Tugas. Bekerja untukku!