Gần đây tôi đã thiết lập kịch bản thời trang sau đây như một cách giải quyết rất hóc búa cho việc này:
@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 chọn div chứa nội dung cho mục Nhiệm vụ và đặt nó không hiển thị. Nó cũng đặt các div phân bổ không gian cho các mục lịch để sử dụng chiều cao tối đa thay vì chiều cao để xác định kích thước của chúng, điều này cho phép các div này thu gọn nếu chúng không chứa nội dung được hiển thị (như trong trường hợp mục lịch của Nhiệm vụ) .
CSS này sẽ không thoát khỏi viền trắng 1 pixel ở cuối mục Nhiệm vụ. Nếu nền của danh sách lịch của bạn là màu trắng, điều này sẽ không được chú ý, nhưng nếu nền của phần đó là màu khác với màu trắng, bạn sẽ có đường viền dày gấp đôi nơi sử dụng mục Nhiệm vụ.
Nếu bạn cũng muốn xóa lịch Sinh nhật, hãy thêm khối mã sau vào phần thụt lề của tập lệnh Kiểu:
.calListChip[title='Birthdays'] {
display: none;
}
.calListChip[title='Tasks']
. Công cụ chọn này được liên kết với bất kỳ mục lịch nào có tiêu đề "Nhiệm vụ". Nên giấu chỉ một trong những nhiệm vụ. Làm việc cho tôi!