Search code examples
cssangularfullcalendaradminlte

The side borders of the calendar do not appear

I have an angular project version 7 (+), I'm using adminLTE 3, fullCalendar and I'm having trouble rendering the left and right edges of the calendar.

I am not able to manually adjust the calendar css to show the side borders.

What do I need to do to make the calendar borders render correctly?

Here is the image of the project that I am using css adminLTE3 together with fullCalendar

Here, the link to the code that shares the problem: https://stackblitz.com/edit/fullcalendar-with-adminlte3

Thank you in advance.

Solution

  • You can add some css rule in your custom stylesheet. Possibly in the style.css stylesheet. Here is the code.

    .fc-view-container {
  border-left: 1px solid #ddd !important;
  border-right: 1px solid #ddd !important;
}