Боковые границы календаря не отображаются

Question

У меня есть angular проект версии 7 (+), я использую adminLTE 3, fullCalendar и у меня возникают проблемы с рендерингом левого и правого краев календаря.

Я не могу вручную настроить календарь css для отображения боковых границ.

Что нужно сделать, чтобы границы календаря правильно отображались?

Вот изображение проекта что я использую css adminLTE3 вместе с fullCalendar

Здесь ссылка на код, который разделяет проблему: https://stackblitz.com/edit/fullcalendar-with-adminlte3

Спасибо в авансовый.

Answer 1

Я играл с файлом css. После добавления border-style: solid со всех сторон календаря появилась граница. Если вы хотите, чтобы граница отображалась слева и справа, вы можете сделать: border-left: <sizeOfBorder> <typeOfBorder> <colorOfBorder> и таким же образом border-right: <s> <t> <c> Также попробуйте изменить значение padding с 0 на -1, и таблица будет полностью расширена до боковые рамы.

Answer 2

Вы можете добавить правило css в свою таблицу стилей. Возможно в таблице стилей style.css. Вот код.

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