Customize Today Pane Agenda items

For discussing the Mozilla Calendar, Sunbird and Lightning projects.
Post Reply
rathmannm
Posts: 1
Joined: February 1st, 2018, 7:52 am

Customize Today Pane Agenda items

Post by rathmannm »

Hi,

I am trying to modify the Today Pane Agenda items so that they look the same as my Month view. I have several calendars I sync with Outlook and each of them has their own calendar color.
This color is indicated by a block to the left of the event text (instead of the whole background being colored). I prefer this as I have plenty individual calendars each with their own color.

I've almost managed to do this in the Today Pane as well but I am struggling with two points:

1) I seem to be unable to remove the border that still persists around the event name. Currently this is what I have in my CSS:

.agenda-event-title
{
color: black !important;
background-color: white !important;
padding-left: 10px !important;
margin-inline-start: 12px !important;
margin-inline-end: 0px !important;
}

2) The above only seems to impact non-all day events. I can't figure out how to also apply the above to all-day events.

I've uploaded a picture here to illustrate what I mean:

Image

Anyone any idea?

Thanks,
Manuel
Post Reply