@seafile/seafile-calendar 1.0.30 → 1.0.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/assets/index.css +41 -6
  2. package/es/Calendar.js +1 -1
  3. package/es/year/YearPanel.js +1 -1
  4. package/lib/Calendar.js +1 -1
  5. package/lib/year/YearPanel.js +1 -1
  6. package/package.json +1 -1
package/assets/index.css CHANGED
@@ -299,6 +299,8 @@
299
299
  border: 1px solid var(--rc-calendar-popover-border-color, #eee);
300
300
  line-height: 1.5;
301
301
  overflow: hidden;
302
+ width: -moz-fit-content;
303
+ width: fit-content;
302
304
  /* Layout wrappers */
303
305
  /* Date grid area */
304
306
  /* Right time panel */
@@ -350,6 +352,7 @@
350
352
  }
351
353
  .rc-calendar-time-input input {
352
354
  padding: 0px 12px;
355
+ width: 104px;
353
356
  }
354
357
  .rc-calendar-date-input input:focus,
355
358
  .rc-calendar-time-input input:focus {
@@ -358,7 +361,7 @@
358
361
  outline: none;
359
362
  }
360
363
  .rc-calendar-header {
361
- padding: 0 18px;
364
+ padding: 0 12px;
362
365
  height: 48px;
363
366
  line-height: 24px;
364
367
  text-align: center;
@@ -379,7 +382,7 @@
379
382
  justify-content: center;
380
383
  }
381
384
  .rc-calendar-header > a {
382
- font-weight: 600;
385
+ font-weight: 500;
383
386
  display: inline-block;
384
387
  padding: 0 5px;
385
388
  line-height: 40px;
@@ -622,8 +625,14 @@
622
625
  .rc-calendar-footer {
623
626
  border-top: 1px solid var(--rc-calendar-divider-color, #eee);
624
627
  padding: 8px 0;
625
- text-align: center;
626
628
  position: relative;
629
+ height: 48px;
630
+ display: -ms-flexbox;
631
+ display: flex;
632
+ -ms-flex-align: center;
633
+ align-items: center;
634
+ -ms-flex-pack: center;
635
+ justify-content: center;
627
636
  }
628
637
  .rc-calendar-footer-show-ok {
629
638
  text-align: right;
@@ -771,6 +780,7 @@
771
780
  -ms-flex-align: center;
772
781
  align-items: center;
773
782
  cursor: pointer;
783
+ font-weight: 500;
774
784
  }
775
785
  .rc-calendar-month-panel-year-select {
776
786
  color: var(--rc-calendar-body-color, #212529);
@@ -818,7 +828,7 @@
818
828
  .rc-calendar-month-panel-body {
819
829
  -ms-flex: 1;
820
830
  flex: 1;
821
- padding: 9px 10px 10px;
831
+ padding: 16px;
822
832
  }
823
833
  .rc-calendar-month-panel-footer {
824
834
  border-top: 1px solid var(--rc-calendar-divider-color, #eee);
@@ -849,6 +859,12 @@
849
859
  background: var(--rc-calendar-icon-btn-hover-bg-color, rgba(0, 0, 0, 0.04));
850
860
  cursor: pointer;
851
861
  }
862
+ .rc-calendar-month-panel-cell:first-child .rc-calendar-month-panel-month {
863
+ margin-left: 0;
864
+ }
865
+ .rc-calendar-month-panel-cell:last-child .rc-calendar-month-panel-month {
866
+ margin-right: 0;
867
+ }
852
868
  .rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month {
853
869
  color: var(--rc-calendar-disabled-color);
854
870
  }
@@ -915,6 +931,7 @@
915
931
  align-items: center;
916
932
  text-align: center;
917
933
  cursor: pointer;
934
+ font-weight: 500;
918
935
  }
919
936
  .rc-calendar-year-panel-decade-select {
920
937
  color: var(--rc-calendar-body-color, #212529);
@@ -963,7 +980,7 @@
963
980
  .rc-calendar-year-panel-body {
964
981
  -ms-flex: 1;
965
982
  flex: 1;
966
- padding: 9px 10px 10px;
983
+ padding: 16px;
967
984
  }
968
985
  .rc-calendar-year-panel-footer {
969
986
  border-top: 1px solid var(--rc-calendar-divider-color);
@@ -995,6 +1012,16 @@
995
1012
  background: var(--rc-calendar-icon-btn-hover-bg-color, rgba(0, 0, 0, 0.04));
996
1013
  cursor: pointer;
997
1014
  }
1015
+ .rc-calendar-year-panel-cell:first-child .rc-calendar-year-panel-year {
1016
+ margin-left: 0;
1017
+ }
1018
+ .rc-calendar-year-panel-cell:last-child .rc-calendar-year-panel-year {
1019
+ margin-right: 0;
1020
+ }
1021
+ .rc-calendar-year-panel-last-decade-cell .rc-calendar-year-panel-year,
1022
+ .rc-calendar-year-panel-next-decade-cell .rc-calendar-year-panel-year {
1023
+ color: var(--rc-calendar-out-range-color);
1024
+ }
998
1025
  .rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year {
999
1026
  background: var(--rc-calendar-sf-orange, #FF8000);
1000
1027
  color: #fff;
@@ -1046,9 +1073,11 @@
1046
1073
  -ms-flex-align: center;
1047
1074
  align-items: center;
1048
1075
  cursor: pointer;
1076
+ font-weight: 500;
1049
1077
  }
1050
1078
  .rc-calendar-decade-panel-century {
1051
1079
  color: var(--rc-calendar-body-color, #212529);
1080
+ font-weight: 500;
1052
1081
  }
1053
1082
  .rc-calendar-decade-panel-prev-century-btn,
1054
1083
  .rc-calendar-decade-panel-next-century-btn {
@@ -1074,7 +1103,7 @@
1074
1103
  .rc-calendar-decade-panel-body {
1075
1104
  -ms-flex: 1;
1076
1105
  flex: 1;
1077
- padding: 9px 10px 10px;
1106
+ padding: 16px;
1078
1107
  }
1079
1108
  .rc-calendar-decade-panel-footer {
1080
1109
  border-top: 1px solid var(--rc-calendar-divider-color, #eee);
@@ -1109,6 +1138,12 @@
1109
1138
  background: var(--rc-calendar-icon-btn-hover-bg-color, rgba(0, 0, 0, 0.04));
1110
1139
  cursor: pointer;
1111
1140
  }
1141
+ .rc-calendar-decade-panel-cell:first-child .rc-calendar-decade-panel-decade {
1142
+ margin-left: 0;
1143
+ }
1144
+ .rc-calendar-decade-panel-cell:last-child .rc-calendar-decade-panel-decade {
1145
+ margin-right: 0;
1146
+ }
1112
1147
  .rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade {
1113
1148
  background: var(--rc-calendar-sf-orange, #FF8000);
1114
1149
  color: #fff;
package/es/Calendar.js CHANGED
@@ -164,7 +164,7 @@ var Calendar = function (_React$Component) {
164
164
  children.push(props.renderSidebar());
165
165
  }
166
166
 
167
- var showTimeControls = showHourAndMinute && mode === 'date';
167
+ var showTimeControls = showHourAndMinute && mode !== 'time';
168
168
 
169
169
  children.push(React.createElement(
170
170
  'div',
package/es/year/YearPanel.js CHANGED
@@ -84,7 +84,7 @@ var YearPanel = function (_React$Component) {
84
84
  var tds = row.map(function (yearData) {
85
85
  var _classNameMap;
86
86
 
87
- var classNameMap = (_classNameMap = {}, _classNameMap[prefixCls + '-cell'] = 1, _classNameMap[prefixCls + '-selected-cell'] = yearData.year === currentYear, _classNameMap);
87
+ var classNameMap = (_classNameMap = {}, _classNameMap[prefixCls + '-cell'] = 1, _classNameMap[prefixCls + '-selected-cell'] = yearData.year === currentYear, _classNameMap[prefixCls + '-last-decade-cell'] = yearData.year < startYear, _classNameMap[prefixCls + '-next-decade-cell'] = yearData.year > endYear, _classNameMap);
88
88
  return React.createElement(
89
89
  'td',
90
90
  {
package/lib/Calendar.js CHANGED
@@ -228,7 +228,7 @@ var Calendar = function (_React$Component) {
228
228
  children.push(props.renderSidebar());
229
229
  }
230
230
 
231
- var showTimeControls = showHourAndMinute && mode === 'date';
231
+ var showTimeControls = showHourAndMinute && mode !== 'time';
232
232
 
233
233
  children.push(_react2['default'].createElement(
234
234
  'div',
package/lib/year/YearPanel.js CHANGED
@@ -108,7 +108,7 @@ var YearPanel = function (_React$Component) {
108
108
  var tds = row.map(function (yearData) {
109
109
  var _classNameMap;
110
110
 
111
- var classNameMap = (_classNameMap = {}, _classNameMap[prefixCls + '-cell'] = 1, _classNameMap[prefixCls + '-selected-cell'] = yearData.year === currentYear, _classNameMap);
111
+ var classNameMap = (_classNameMap = {}, _classNameMap[prefixCls + '-cell'] = 1, _classNameMap[prefixCls + '-selected-cell'] = yearData.year === currentYear, _classNameMap[prefixCls + '-last-decade-cell'] = yearData.year < startYear, _classNameMap[prefixCls + '-next-decade-cell'] = yearData.year > endYear, _classNameMap);
112
112
  return _react2['default'].createElement(
113
113
  'td',
114
114
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seafile/seafile-calendar",
3
- "version": "1.0.30",
3
+ "version": "1.0.32",
4
4
  "description": "React Calendar",
5
5
  "keywords": [
6
6
  "react",