@seafile/seafile-calendar 1.0.24 → 1.0.26-alphaa.1

package/assets/index.css

@@ -15,6 +15,20 @@
   content: '';
   clear: both;
 }
+.rc-calendar-input-wrap a {
+  position: absolute;
+  top: 0;
+  right: 12px;
+  bottom: 0;
+  height: 32px;
+  line-height: 32px;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: center;
+      justify-content: center;
+}
 .rc-calendar-time-picker {
   position: absolute;
   width: 100%;
@@ -76,23 +90,20 @@
   color: #868e96;
 }
 .rc-calendar-clear-btn {
-  z-index: inherit;
-  position: absolute;
-  right: 6px;
-  cursor: pointer;
-  overflow: hidden;
   width: 20px;
   height: 20px;
-  top: 6px;
-  margin: 0;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: center;
       justify-content: center;
   -ms-flex-align: center;
       align-items: center;
+  cursor: pointer;
+  overflow: hidden;
 }
 .rc-calendar-clear-btn svg {
+  height: 14px;
+  width: 14px;
   color: var(--rc-calendar-icon-color, #666);
 }
 .rc-calendar-clear-btn:hover {
@@ -125,23 +136,6 @@
   --rc-calendar-disabled-color: #c2c2c2;
   --rc-calendar-out-range-color: #c2c2c2;
 }
-@media (prefers-color-scheme: dark) {
-  .rc-calendar {
-    --rc-calendar-popover-bg: #1c1d1f;
-    --rc-calendar-popover-border-color: rgba(255, 255, 255, 0.1);
-    --rc-calendar-popover-box-shadow: none;
-    --rc-calendar-body-color: rgba(255, 255, 255, 0.9);
-    --rc-calendar-icon-color: rgba(255, 255, 255, 0.7);
-    --rc-calendar-icon-secondary-color: rgba(255, 255, 255, 0.5);
-    --rc-calendar-icon-btn-hover-bg-color: rgba(255, 255, 255, 0.1);
-    --rc-calendar-input-border-color: rgba(255, 255, 255, 0.1);
-    --rc-calendar-input-focus-border-color: #3e84f7;
-    --rc-calendar-divider-color: rgba(255, 255, 255, 0.1);
-    --rc-calendar-disabled-bg: rgba(255, 255, 255, 0.08);
-    --rc-calendar-disabled-color: rgba(255, 255, 255, 0.2);
-    --rc-calendar-out-range-color: rgba(255, 255, 255, 0.2);
-  }
-}
 /* Explicit theme values take precedence over the system preference. */
 [data-bs-theme='light'] .rc-calendar,
 .rc-calendar[data-bs-theme='light'] {
@@ -290,52 +284,43 @@
   border: 1px solid var(--rc-calendar-popover-border-color, #eee);
   line-height: 1.5;
   overflow: hidden;
+  width: 278px;
   /* Layout wrappers */
-  /* Top inputs row */
   /* Date grid area */
   /* Right time panel */
   /* Footer */
 }
 .rc-calendar-with-time-panel {
-  width: 367px;
+  width: 404px;
 }
 .rc-calendar-panel {
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
-}
-.rc-calendar-date-panel-container {
-  display: -ms-flexbox;
-  display: flex;
+  -ms-flex-align: stretch;
+      align-items: stretch;
 }
 .rc-calendar-date-panel {
   display: block;
-  width: 276px;
+  -ms-flex: none;
+      flex: none;
+  width: 273px;
 }
-.rc-calendar-inputs {
+.rc-calendar-date-input {
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: stretch;
-      align-items: stretch;
-}
-.rc-calendar-date-input-col {
-  -ms-flex: 1 1 auto;
-      flex: 1 1 auto;
-}
-.rc-calendar-time-input-col {
-  width: 89px;
-  border-left: 1px solid var(--rc-calendar-divider-color, #eee);
+  -ms-flex-align: center;
+      align-items: center;
+  box-sizing: border-box;
+  padding: 12px 12px 0;
 }
-.rc-calendar-date-input,
 .rc-calendar-time-input {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
       align-items: center;
-  height: 100%;
-  padding: 12px 12px 0 12px;
-  margin-bottom: 4px;
+  box-sizing: border-box;
+  padding: 12px;
+  border-bottom: 1px solid var(--rc-calendar-divider-color, #eee);
 }
 .rc-calendar-date-input input,
 .rc-calendar-time-input input {
@@ -359,7 +344,7 @@
   outline: none;
 }
 .rc-calendar-header {
-  padding: 0 12px;
+  padding: 0 18px;
   height: 48px;
   line-height: 24px;
   text-align: center;
@@ -367,6 +352,7 @@
    -ms-user-select: none;
        user-select: none;
   -webkit-user-select: none;
+  margin-top: 4px;
 }
 .rc-calendar-header-nav-wrap {
   position: relative;
@@ -456,7 +442,7 @@
   left: 0;
 }
 .rc-calendar-body {
-  padding: 0 12px;
+  padding: 0 12px 12px;
   height: 260px;
 }
 .rc-calendar table {
@@ -551,39 +537,48 @@
   border-radius: 50%;
 }
 .rc-calendar-right-panel {
-  height: inherit;
-  border-left: 1px solid var(--rc-calendar-divider-color, #eee);
-}
-.rc-calendar-right-panel-header {
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
-  -ms-flex-align: center;
-      align-items: center;
-  color: var(--rc-calendar-body-color, #212529);
-  font-weight: 600;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex: 1;
+      flex: 1;
+  min-width: 0;
+  height: 356px;
+  border-left: 1px solid var(--rc-calendar-divider-color, #eee);
 }
 .rc-calendar-right-panel-body {
-  height: 260px;
+  -ms-flex: 1;
+      flex: 1;
+  min-height: 0;
   display: -ms-flexbox;
   display: flex;
-  padding: 0 4px 16px;
-  scrollbar-color: auto;
 }
 .rc-calendar-right-panel-col {
+  -ms-flex: 1;
+      flex: 1;
+  min-width: 0;
   overflow-y: auto;
+  overflow-x: hidden;
+  scrollbar-gutter: stable;
+}
+.rc-calendar-right-panel-col + .rc-calendar-right-panel-col {
+  border-left: 1px solid var(--rc-calendar-divider-color, #eee);
 }
 .rc-calendar-right-panel-col ul {
   list-style: none;
   margin: 0;
-  padding: 4px;
+  padding: 4px 16px;
 }
 .rc-calendar-right-panel-item {
   width: 32px;
   height: 32px;
   padding: 4px 0;
   cursor: pointer;
+  margin-top: 4px;
+}
+.rc-calendar-right-panel-item:first-child {
+  margin-top: -2px;
 }
 .rc-calendar-right-panel-item-text {
   width: 100%;
@@ -605,10 +600,6 @@
   border-radius: 4px;
   color: #fff;
 }
-.rc-calendar-right-panel-col::-webkit-scrollbar {
-  width: 0;
-  height: 0;
-}
 .rc-calendar-right-panel-item-current {
   border: 1px solid var(--rc-calendar-sf-orange, #ff8000);
   border-radius: 4px;