From da64ab0923bf8817fc8599a6e37b953ce38f64c8 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期日, 27 八月 2023 18:37:36 +0800
Subject: [PATCH] 2023-08-27

---
 src/tabviews/custom/components/calendar/board/index.scss |  115 +++++++++++++++++++++++++++++++++++++++++++++++++--------
 1 files changed, 99 insertions(+), 16 deletions(-)

diff --git a/src/tabviews/zshare/calendar/index.scss b/src/tabviews/custom/components/calendar/board/index.scss
similarity index 63%
copy from src/tabviews/zshare/calendar/index.scss
copy to src/tabviews/custom/components/calendar/board/index.scss
index 52faea5..3957fc3 100644
--- a/src/tabviews/zshare/calendar/index.scss
+++ b/src/tabviews/custom/components/calendar/board/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;
-            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 {
@@ -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;

--
Gitblit v1.8.0