@seafile/seafile-calendar 1.0.25 → 1.0.26-alphaa.2

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 {
@@ -291,51 +302,41 @@
   line-height: 1.5;
   overflow: hidden;
   /* 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 +360,7 @@
   outline: none;
 }
 .rc-calendar-header {
-  padding: 0 12px;
+  padding: 0 18px;
   height: 48px;
   line-height: 24px;
   text-align: center;
@@ -367,6 +368,7 @@
    -ms-user-select: none;
        user-select: none;
   -webkit-user-select: none;
+  margin-top: 4px;
 }
 .rc-calendar-header-nav-wrap {
   position: relative;
@@ -456,7 +458,7 @@
   left: 0;
 }
 .rc-calendar-body {
-  padding: 0 12px;
+  padding: 0 12px 12px;
   height: 260px;
 }
 .rc-calendar table {
@@ -551,39 +553,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 +616,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;