fastlion-amis
Version:
一种MIS页面生成工具
1 lines • 6.13 kB
Source Map (JSON)
{"version":3,"sourceRoot":"","sources":["../../src/components/Schedule/calendar.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;AAGE;EACE;;AAEA;EACE;EACA;EACA;;AAKN;EACE;EACA;;AAGA;EACE;;AAGF;EACE;;AAGA;EACE;;AAEA;EACE;;AAGF;EACE;;AAKJ;EACE;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAON;EACE;;AAEA;EACE;;AAIJ;AAAA;EAEE;;AAKF;EACE;EACA;;AAGF;EACE;;AAIA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKJ;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAMR;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EAEA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKF;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAWJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"calendar.css","sourcesContent":[".calendar-container {\n height: 100%;\n position: relative;\n\n &.schedule {\n &.mobile {\n height: calc(100vh - 32px - 111px);\n\n .week-toggler-box {\n position: sticky;\n top: 0;\n z-index: 2;\n }\n }\n }\n\n .calendar-box {\n width: 100%;\n margin-top: 10px;\n \n // padding: 12px;\n .calendar-action-box {\n padding: 0 12px;\n }\n\n &.schedule {\n padding: 0 8px;\n\n // padding-bottom: 50px;\n &.mobile {\n padding: 0;\n\n .fc-scrollgrid-section.fc-scrollgrid-section-header {\n display: none;\n }\n\n .fc-scroller.fc-scroller-liquid-absolute {\n overflow: hidden !important;\n }\n\n }\n\n .calendar-action-box {\n position: fixed;\n right: 2vw;\n bottom: 7vh;\n z-index: 2;\n\n .add-action-box {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n width: 48px;\n height: 48px;\n background-color: #3574ee;\n color: #fff;\n border-radius: 50% !important;\n font-size: 24px;\n cursor: pointer;\n }\n }\n }\n\n\n .fc {\n a {\n color: initial;\n\n &.fc-h-event {\n background-color: var(--fc-event-bg-color) !important;\n }\n }\n\n td,\n th {\n border: 1px solid #f7f8fa !important;\n // border-left-color: transparent !important;\n // border-right-color: transparent !important ;\n }\n\n .fc-popover-body {\n max-height: 400px;\n overflow-y: auto;\n }\n\n .fc-scrollgrid {\n border: none !important;\n }\n\n .fc-scrollgrid-section.fc-scrollgrid-section-header {\n th {\n border: none !important;\n }\n }\n\n .fc-col-header-cell.fc-day {\n border: none !important;\n }\n\n .fc-v-event {\n margin: 4px 4px 6px 6px;\n background-color: #E9F6FE;\n color: #3574EE;\n border-color: #E9F6FE;\n\n .fc-event-main {\n color: #3574EE;\n\n }\n }\n\n .fc-timegrid-col.fc-day-today {\n background-color: unset !important;\n }\n\n .fc-daygrid-day.fc-day-today {\n background-color: unset !important;\n\n .fc-daygrid-day-number {\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n width: 30px;\n height: 30px;\n font-size: 12px;\n background-color: #3574EE;\n border-radius: 10px;\n transform: scale(0.8);\n white-space: nowrap;\n }\n }\n\n .fc-bg-event {\n background: unset;\n opacity: 1;\n }\n\n .fc-timegrid-slot {\n height: 32px;\n }\n }\n\n &.schedule {\n overflow: auto;\n }\n }\n\n .week-toggler-box {\n position: sticky;\n top: 0;\n\n &.schedule {\n position: relative;\n }\n }\n\n .attendance-box {\n overflow-y: auto;\n background-color: #f1f1f1;\n padding: 10px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n\n .info-box {\n padding: 10px;\n width: 100%;\n border-radius: 4px;\n min-height: 100px;\n background-color: #fff;\n color: #999;\n line-height: 1.5;\n font-size: 14px;\n\n .title {\n font-size: 16px;\n padding-bottom: 4px;\n color: #333;\n\n .primary {\n color: #3574EE\n }\n\n .warning {\n color: #FE9201\n }\n\n .success {\n color: #15B37B\n }\n\n .danger {\n color: #F5222D\n }\n }\n }\n }\n\n .action-box {\n width: 0;\n height: 0;\n visibility: hidden;\n }\n\n .event-item-event-box {\n position: relative;\n display: flex;\n width: 100%;\n // justify-content: space-between;\n align-items: center;\n min-height: 20px;\n\n .remove-btn {\n position: absolute;\n right: 2px;\n top: 2px;\n display: none;\n width: 16px;\n height: 16px;\n margin-right: 2px;\n text-align: center;\n line-height: 14px;\n color: #fff;\n border-radius: 50%;\n font-size: 12px;\n border: 1px solid #fff;\n\n &:hover {\n color: #ff4d4f;\n border-color: #ff4d4f;\n }\n }\n\n &:hover {\n .remove-btn {\n display: block;\n }\n }\n\n .event-content-box {\n padding: 3px;\n word-wrap: break-word;\n width: 100%;\n font-size: 13px;\n // max-width: calc(100% - 20px);\n // width: fit-content;\n // overflow: hidden;\n // white-space: nowrap;\n // text-overflow: ellipsis;\n }\n\n\n }\n\n .event-item-background-box {\n display: flex;\n height: 100%;\n width: 100%;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n font-size: 12px;\n color: #666;\n }\n}"]}