[ANGULAR] How to remove the blue left border of a card

[lanpeng]

Hi bryntum team
How to remove the blue left border of a card?

[alex.l]

1. Try to use DOM inspector from Google Chrome and get the CSS rule you need to overwrite. Check .b-cal-event and .b-cal-event-body
2. Try to use your own renderer https://bryntum.com/docs/calendar/api/Calendar/widget/WeekView#config-eventRenderer

[Animal]

That's just the margin-left of the body element of the event block allowing the more intense colour of the wrap element to show.

Try this CSS:

.b-dayview-day-container .b-calendar-cell .b-cal-event-body {
    margin : 0;
}

To my eye, it makes the blocks more difficult to visually separate:

Screenshot 2022-06-03 at 07.21.30.png (120.67 KiB) Viewed 259 times