| | |
| | | } |
| | | .content { |
| | | padding: 0 10px 10px; |
| | | height: 70px; |
| | | height: 55px; |
| | | overflow-y: auto; |
| | | position: absolute; |
| | | left: 0; |
| | | right: 0; |
| | | .message { |
| | | width: 100%; |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | .ant-badge { |
| | | width: 100%; |
| | | } |
| | | .ant-badge-status-text { |
| | | color: inherit; |
| | | font-size: 13px; |
| | | width: calc(100% - 15px); |
| | | overflow: hidden; |
| | | word-break: break-word; |
| | | white-space: nowrap; |
| | | text-overflow: ellipsis; |
| | | height: 21px; |
| | | display: inline-block; |
| | | vertical-align: top; |
| | | } |
| | | } |
| | | } |
| | |
| | | .year-wrap { |
| | | width: calc(100% - 2px); |
| | | box-shadow: 0px 0px 3px var(--mk-sys-color2); |
| | | cursor: pointer; |
| | | transition: background 0.1s; |
| | | .header { |
| | | text-align: center; |
| | |
| | | width: 100%; |
| | | overflow: hidden; |
| | | margin-bottom: 5px; |
| | | text-overflow: ellipsis; |
| | | .ant-badge { |
| | | width: 100%; |
| | | } |
| | | .ant-badge-status-text { |
| | | font-size: 13px; |
| | | width: calc(100% - 15px); |
| | | overflow: hidden; |
| | | word-break: break-word; |
| | | white-space: nowrap; |
| | | text-overflow: ellipsis; |
| | | height: 21px; |
| | | display: inline-block; |
| | | vertical-align: top; |
| | | } |
| | | } |
| | | } |
| | | .content::-webkit-scrollbar { |
| | |
| | | } |
| | | } |
| | | } |
| | | .mk-calendar:not(.open-pop) { |
| | | .day-wrap { |
| | | cursor: default!important; |
| | | } |
| | | .month-wrap { |
| | | cursor: default!important; |
| | | } |
| | | } |
| | | .mk-calendar.open-menu { |
| | | .month-wrap, .year-wrap { |
| | | .content { |
| | | .message { |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | .calendar-day-pop.open-menu { |
| | | .message { |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | .calendar-day-pop { |
| | | .message { |
| | | .ant-badge-status-text { |
| | |
| | | vertical-align: middle; |
| | | } |
| | | } |
| | | .ant-popover-inner { |
| | | box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25); |
| | | } |
| | | .ant-popover-inner-content { |
| | | min-height: 100px; |
| | | padding: 0px; |
| | | min-height: 45px; |
| | | max-height: 200px; |
| | | overflow-y: auto; |
| | | >div { |
| | | padding: 12px 16px; |
| | | } |
| | | } |
| | | .ant-popover-inner-content::-webkit-scrollbar { |
| | | width: 5px; |