open-learning-exchange/planet

@import '~@fullcalendar/common/main.css';
@import '~@fullcalendar/daygrid/main.css';
@import '../app/variables';

full-calendar {
  .fc-h-event .fc-event-title {
    text-overflow: ellipsis;
  }
  .fc-toolbar-title {
    font-size: 1.25em !important;
    margin: 1rem !important;
  }
  .fc-toolbar {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .fc-button-primary {
    position: relative;

    &:not(:disabled):hover {
      background-color: $primary;
    }
  }

  @media only screen and (min-width: #{$screen-md}) {
    .fc-more-popover .fc-popover-body {
      min-width: unset !important;

      .fc-event-title-container {
        max-width: 100px;
      }
    }
  }
}