custom-calendar-calendar.less 2.3 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102
// this is less
@import '~@fullcalendar/core/main.css';
@import '~@fullcalendar/daygrid/main.css';
@import '~@fullcalendar/timegrid/main.css';
@import '~@fullcalendar/list/main.css';

.calendar{
  height:100%;
  overflow: auto;
  .context-menu-container {
      height: calc(100% - 70px);
  }
  .el-timeline{
    padding-left: 2px;
  }
  .app-data-empty{
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .event-legends{
    width: 100%;
    text-align: center;
    .event-lengend{
      display: inline-block;
      margin-left: 10px;
      height: 20px;
      .lengend-icon{
        display: inline-block;
        width: 30px;
        height: 20px;
        border-radius: 5px;
      }
      span{
        display: inline-block;
        margin-left: 5px;
        line-height: 20px;
        vertical-align: top;
      }
    }
    .event-lengend.event-disabled{
      .lengend-icon{
        background:#cccccc !important;
      }
      span{
        color:#cccccc !important;
      }
    }
  }
}
// 选中样式
.calendar .selected-event,
.select-first-calendar .select-first-event{
  border: 2px solid #ff8711 !important;
}
.calendar .fc-dayGrid-view .selected-event:before,
.select-first-calendar .fc-dayGrid-view .select-first-event:before,
.calendar .fc-timeGrid-view .selected-event:before,
.select-first-calendar .fc-timeGrid-view .select-first-event:before{
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  border: 9px solid #ff8711;
  border-top-color: transparent;
  border-left-color: transparent;
  color: #fff;
}
.calendar .fc-dayGrid-view .selected-event:after,
.select-first-calendar .fc-dayGrid-view .select-first-event:after,
.calendar .fc-timeGrid-view .selected-event:after,
.select-first-calendar .fc-timeGrid-view .select-first-event:after{
  content: '';
  display: block;
  width: 4px;
  height: 11px;
  position: absolute;
  right: 1px;
  bottom: 0px;
  border: 2px solid #fff;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-sizing: content-box;
}
// 选择跳转日期模态
.date-select-modal{
  display: flex;
  align-items: center;
  justify-content: center;
  .ivu-modal{
      top: 0;
      .ivu-modal-body {
        text-align: center;
      }
  }
}