CONTROL.less.ftl 2.2 KB
Newer Older
1 2 3 4 5 6 7 8 9 10
<#ibizinclude>
../@MACRO/CSS/DEFAULT.less.ftl
</#ibizinclude>
@import '~@fullcalendar/core/main.css';
@import '~@fullcalendar/daygrid/main.css';
@import '~@fullcalendar/timegrid/main.css';
@import '~@fullcalendar/list/main.css';

.calendar{
  height:100%;
tony001's avatar
tony001 committed
11
  overflow: auto;
12 13 14
  .el-timeline{
    padding-left: 2px;
  }
tony001's avatar
tony001 committed
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
  .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;
      }
    }
  }
44 45 46 47 48 49
}
// 选中样式
.calendar .selected-event,
.select-first-calendar .select-first-event{
  border: 2px solid #ff8711 !important;
}
tony001's avatar
tony001 committed
50 51 52 53
.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{
54 55 56 57 58 59 60 61 62 63
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  border: 9px solid #ff8711;
  border-top-color: transparent;
  border-left-color: transparent;
  color: #fff;
}
tony001's avatar
tony001 committed
64 65 66 67
.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{
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
  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;
      }
  }
}