@seafile/seafile-calendar 1.0.22 → 1.0.23-avb.71

package/assets/index.css

@@ -297,7 +297,11 @@
   /* Footer */
 }
 .rc-calendar-with-time-panel {
-  width: 367px;
+  width: -moz-fit-content;
+  width: fit-content;
+}
+.rc-calendar-tbody tr:first-child td {
+  padding-top: 2px;
 }
 .rc-calendar-panel {
   display: -ms-flexbox;
@@ -308,6 +312,33 @@
 .rc-calendar-date-panel-container {
   display: -ms-flexbox;
   display: flex;
+  height: 316px;
+}
+.rc-calendar-date-time-panel {
+  display: -ms-flexbox;
+  display: flex;
+  height: 356px;
+}
+.rc-calendar-date-panel-column,
+.rc-calendar-time-panel-column {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+}
+.rc-calendar-date-panel-column {
+  -ms-flex: 0 0 272px;
+      flex: 0 0 272px;
+  width: 272px;
+}
+.rc-calendar-time-panel-column {
+  -ms-flex: 0 0 130px;
+      flex: 0 0 130px;
+  width: 130px;
+  min-width: 0;
+}
+.rc-calendar-date-panel-column .rc-calendar-date-panel {
+  width: 272px;
 }
 .rc-calendar-date-panel {
   display: block;
@@ -318,24 +349,42 @@
   display: flex;
   -ms-flex-align: stretch;
       align-items: stretch;
+  height: 44px;
 }
 .rc-calendar-date-input-col {
   -ms-flex: 1 1 auto;
       flex: 1 1 auto;
+  max-width: 276px;
 }
 .rc-calendar-time-input-col {
-  width: 89px;
+  min-width: 0;
+  -ms-flex: 1;
+      flex: 1;
   border-left: 1px solid var(--rc-calendar-divider-color, #eee);
 }
-.rc-calendar-date-input,
-.rc-calendar-time-input {
+.rc-calendar-date-panel-column .rc-calendar-date-input-col,
+.rc-calendar-time-panel-column .rc-calendar-time-input-col {
+  height: 44px;
+}
+.rc-calendar-date-input {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
       align-items: center;
-  height: 100%;
   padding: 12px 12px 0 12px;
-  margin-bottom: 4px;
+}
+.rc-calendar-time-input {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  padding: 12px;
+}
+.rc-calendar-time-input .rc-calendar-input-wrap {
+  min-width: 0;
+}
+.rc-calendar-time-input {
+  border-bottom: 1px solid #eee;
 }
 .rc-calendar-date-input input,
 .rc-calendar-time-input input {
@@ -345,6 +394,7 @@
   border: 1px solid var(--rc-calendar-input-border-color);
   box-shadow: none;
   border-radius: 4px;
+  padding-top: 12px;
 }
 .rc-calendar-date-input input {
   padding: 0px 12px;
@@ -367,6 +417,7 @@
    -ms-user-select: none;
        user-select: none;
   -webkit-user-select: none;
+  margin-top: 4px;
 }
 .rc-calendar-header-nav-wrap {
   position: relative;
@@ -456,7 +507,7 @@
   left: 0;
 }
 .rc-calendar-body {
-  padding: 0 12px;
+  padding: 0 12px 12px;
   height: 260px;
 }
 .rc-calendar table {
@@ -488,6 +539,12 @@
   width: 32px;
   text-align: center;
 }
+.rc-calendar-week-date-header {
+  height: 32px;
+}
+.rc-calendar-column-header-box {
+  margin-bottom: 2px;
+}
 .rc-calendar-column-header-inner {
   display: block;
   font-weight: normal;
@@ -554,6 +611,9 @@
   height: inherit;
   border-left: 1px solid var(--rc-calendar-divider-color, #eee);
 }
+.rc-calendar-time-panel-column .rc-calendar-right-panel {
+  height: 312px;
+}
 .rc-calendar-right-panel-header {
   display: -ms-flexbox;
   display: flex;
@@ -565,25 +625,65 @@
   font-weight: 600;
 }
 .rc-calendar-right-panel-body {
-  height: 260px;
+  height: 300px;
   display: -ms-flexbox;
   display: flex;
-  padding: 0 4px 16px;
-  scrollbar-color: auto;
+  padding: 0;
+  margin-top: 12px;
+}
+.rc-calendar-right-panel-col-wrap {
+  -ms-flex: 0 0 64px;
+      flex: 0 0 64px;
+  width: 64px;
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
+  position: relative;
 }
 .rc-calendar-right-panel-col {
+  width: 100%;
+  height: 100%;
   overflow-y: auto;
+  scrollbar-width: none;
+}
+.rc-calendar-right-panel-col::-webkit-scrollbar {
+  display: none;
+}
+.rc-calendar-right-panel-col-wrap.rc-calendar-right-panel-col-hour {
+  border-right: 1px solid #eee;
+}
+.rc-calendar-right-panel-scrollbar {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: 16px;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s ease;
+}
+.rc-calendar-right-panel-scrollbar-visible {
+  opacity: 1;
+}
+.rc-calendar-right-panel-scrollbar-thumb {
+  width: 8px;
+  margin: 0 4px;
+  border-radius: 14px;
+  background-color: #7C7C7C;
 }
 .rc-calendar-right-panel-col ul {
   list-style: none;
-  margin: 0;
-  padding: 4px;
+  padding: 4px 16px 12px 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: 0;
 }
 .rc-calendar-right-panel-item-text {
   width: 100%;
@@ -605,10 +705,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;
@@ -619,9 +715,24 @@
   text-align: center;
   position: relative;
 }
+.rc-calendar-with-time-panel .rc-calendar-footer {
+  height: 40px;
+  padding: 0;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: center;
+      justify-content: center;
+}
 .rc-calendar-footer-show-ok {
   text-align: right;
 }
+.rc-calendar-with-time-panel .rc-calendar-footer-show-ok {
+  -ms-flex-pack: end;
+      justify-content: flex-end;
+  padding: 0 12px;
+}
 .rc-calendar-footer-btn:after {
   content: 'x';
   height: 0;
@@ -766,6 +877,9 @@
       align-items: center;
   cursor: pointer;
 }
+.rc-calendar-month-panel-year-select {
+  color: var(--rc-calendar-body-color, #212529);
+}
 .rc-calendar-month-panel-year-select:hover {
   color: var(--rc-calendar-sf-orange-2, #ed7109);
 }
@@ -907,6 +1021,9 @@
   text-align: center;
   cursor: pointer;
 }
+.rc-calendar-year-panel-decade-select {
+  color: var(--rc-calendar-body-color, #212529);
+}
 .rc-calendar-year-panel-decade-select:hover {
   color: var(--rc-calendar-sf-orange-2, #ed7109);
 }