2023-08-27

king

2023-08-27 da64ab0923bf8817fc8599a6e37b953ce38f64c8

 src/tabviews/custom/components/calendar/board/index.scss

copy from src/tabviews/zshare/calendar/index.scss
copy to src/tabviews/custom/components/calendar/board/index.scss
File was copied from src/tabviews/zshare/calendar/index.scss
@@ -2,6 +2,7 @@
  position: relative;
  width: 100%;
  padding: 20px;
  color: rgba(0, 0, 0, 0.85);

  .loading-data {
    position: absolute;
@@ -24,6 +25,9 @@
      width: 90px;
      margin-right: 15px;
    }
    .ant-select + .ant-select {
      width: 80px;
    }
  }
  .mk-calendar-content {
    margin-top: 10px;
@@ -33,7 +37,7 @@
        width: 100%;
        thead {
          text-align: center;
          color: #1890ff;
          color: var(--mk-sys-color);
          tr {
            height: 30px;
          }
@@ -58,8 +62,12 @@
                  height: 100%;
                }
              }
              .day-wrap:hover {
                background: #bae7ff;
              .day-wrap.disabled {
                cursor: default;
                color: rgba(0, 0, 0, 0.35);
              }
              .day-wrap:not(.disabled):hover {
                background: var(--mk-sys-color2);
              }
            }
          }
@@ -71,7 +79,6 @@
        width: 100%;
        thead {
          text-align: center;
          color: #1890ff;
          font-size: 16px;
          tr {
            height: 35px;
@@ -88,22 +95,44 @@
                width: calc(100% - 2px);
                transition: background 0.1s;
                margin-bottom: 2px;
                box-shadow: 0px 0px 3px #bae7ff;
                box-shadow: 0px 0px 3px var(--mk-sys-color2);
                .header {
                  text-align: center;
                  font-size: 16px;
                  padding: 5px 10px;

                  .message {
                    .right {
                      float: right;
                    }
                    .right.danger {
                      color: #ff4d4f;
                    }
                  }
                }
                .content {
                  padding: 0 10px 10px;
                  height: 90px;
                  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;
                    }
                  } 
                }
@@ -122,8 +151,21 @@
                  background: rgba(0, 0, 0, 0);
                }
              }
              .month-wrap:hover {
                background: #e6f7ff;

              .month-wrap.disabled {
                cursor: default;
                color: rgba(0, 0, 0, 0.35);
                .header {
                  .message {
                    .right.danger {
                      color: rgba(0, 0, 0, 0.35);
                    }
                  }
                }
              }

              .month-wrap:not(.disabled):hover {
                background: var(--mk-sys-color1);
              }
            }
          }
@@ -133,12 +175,12 @@
    .year-calendar {
      .year-wrap {
        width: calc(100% - 2px);
        box-shadow: 0px 0px 3px #bae7ff;
        cursor: pointer;
        box-shadow: 0px 0px 3px var(--mk-sys-color2);
        transition: background 0.1s;
        .header {
          text-align: center;
          font-size: 16px;
          color: var(--mk-sys-color);
        }
        .content {
          padding: 5px 15px 10px;
@@ -150,10 +192,22 @@
          }
          .message {
            width: 100%;
            // white-space: nowrap;
            overflow: hidden;
            margin-bottom: 5px;
            .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 {
@@ -172,9 +226,31 @@
        }
      }
      .year-wrap:hover {
        background: #e6f7ff;
        background: var(--mk-sys-color1);
      }
    }
  }
}
.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 {
@@ -186,10 +262,17 @@
      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;