@seafile/seafile-calendar 1.0.4 → 1.0.5

package/assets/index.css

@@ -60,7 +60,7 @@
 .rc-calendar-input {
   border: 1px solid transparent;
   width: 100%;
-  color: #333;
+  color: #212529;
   cursor: text;
   line-height: 1.5;
   outline: 0;
@@ -212,12 +212,12 @@
   position: relative;
   outline: none;
   font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans-serif;
-  width: 260px;
+  width: 272px;
   list-style: none;
   font-size: 14px;
   text-align: left;
   background-color: #fff;
-  border-radius: 3px;
+  border-radius: 4px;
   box-shadow: 0 1px 5px #ccc;
   background-clip: padding-box;
   border: 1px solid #ccc;
@@ -229,7 +229,7 @@
   /* Footer */
 }
 .rc-calendar-with-time-panel {
-  width: 349px;
+  width: 363px;
 }
 .rc-calendar-panel {
   display: -ms-flexbox;
@@ -243,7 +243,7 @@
 }
 .rc-calendar-date-panel {
   display: block;
-  width: 260px;
+  width: 272px;
 }
 .rc-calendar-inputs {
   display: -ms-flexbox;
@@ -267,15 +267,21 @@
       align-items: center;
   height: 100%;
   padding: 12px 12px 0 12px;
+  margin-bottom: 4px;
 }
 .rc-calendar-date-input input,
 .rc-calendar-time-input input {
-  height: 30px;
+  height: 32px;
+  line-height: 32px;
   width: 100%;
-  padding: 4px 6px;
   border: 1px solid #eee;
-  border-radius: 3px;
-  line-height: 1.5;
+  border-radius: 4px;
+}
+.rc-calendar-date-input input {
+  padding: 4px 16px;
+}
+.rc-calendar-time-input input {
+  padding: 4px 6px;
 }
 .rc-calendar-date-input input:focus,
 .rc-calendar-time-input input:focus {
@@ -319,18 +325,10 @@
   position: absolute;
   left: 25px;
 }
-.rc-calendar-prev-month-btn:after {
-  width: 20px;
-  content: '‹';
-}
 .rc-calendar-next-month-btn {
   position: absolute;
   right: 25px;
 }
-.rc-calendar-next-month-btn:after {
-  width: 20px;
-  content: '›';
-}
 .rc-calendar-year-select,
 .rc-calendar-month-select,
 .rc-calendar-day-select {
@@ -357,8 +355,8 @@
 .rc-calendar-next-month-btn,
 .rc-calendar-prev-year-btn,
 .rc-calendar-next-year-btn {
-  width: 20px;
-  height: 20px;
+  width: 24px;
+  height: 24px;
   position: absolute;
   top: 14px;
   cursor: pointer;
@@ -367,6 +365,10 @@
   font-size: 16px;
   display: -ms-flexbox;
   display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
   line-height: 18px;
   border-radius: 4px;
 }
@@ -375,25 +377,17 @@
 .rc-calendar-prev-year-btn:hover,
 .rc-calendar-next-year-btn:hover {
   color: #999;
-  background-color: #f5f5f5;
+  background-color: rgba(0, 0, 0, 0.04);
 }
 .rc-calendar-next-year-btn {
   right: 0;
 }
-.rc-calendar-next-year-btn:after {
-  width: 20px;
-  content: '»';
-}
 .rc-calendar-prev-year-btn {
   left: 0;
 }
-.rc-calendar-prev-year-btn:after {
-  width: 20px;
-  content: '«';
-}
 .rc-calendar-body {
   padding: 0 12px;
-  height: 264px;
+  height: 260px;
 }
 .rc-calendar table {
   border-collapse: collapse;
@@ -438,11 +432,11 @@
   border-radius: 4px;
   width: 32px;
   height: 32px;
+  line-height: 32px;
   padding: 0;
   background: transparent;
-  line-height: 32px;
   text-align: center;
-  margin-bottom: 4px;
+  margin: 2px;
 }
 .rc-calendar-date:hover {
   background: #f5f5f5;
@@ -496,7 +490,7 @@
   font-weight: 600;
 }
 .rc-calendar-right-panel-body {
-  height: 264px;
+  height: 260px;
   display: -ms-flexbox;
   display: flex;
   padding: 0 4px 16px;
@@ -524,7 +518,7 @@
   line-height: 24px;
   color: #212529;
   font-weight: 400;
-  border-radius: 3px;
+  border-radius: 4px;
 }
 .rc-calendar-right-panel-item-text:hover {
   background: #f5f5f5;
@@ -702,8 +696,8 @@
 }
 .rc-calendar-month-panel-prev-year-btn,
 .rc-calendar-month-panel-next-year-btn {
-  width: 20px;
-  height: 20px;
+  width: 24px;
+  height: 24px;
   border-radius: 4px;
   color: #999;
   position: absolute;
@@ -717,10 +711,6 @@
 .rc-calendar-month-panel-next-year-btn {
   right: 16px;
 }
-.rc-calendar-month-panel-next-year-btn:after {
-  content: '»';
-  transform: translateY(-1px);
-}
 .rc-calendar-month-panel-prev-year-btn {
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -728,10 +718,6 @@
           user-select: none;
   left: 16px;
 }
-.rc-calendar-month-panel-prev-year-btn:after {
-  content: '«';
-  transform: translateY(-1px);
-}
 .rc-calendar-month-panel .rc-calendar-month-panel-year-select {
   width: 180px;
 }
@@ -849,12 +835,16 @@
 }
 .rc-calendar-year-panel-prev-decade-btn,
 .rc-calendar-year-panel-next-decade-btn {
-  width: 20px;
-  height: 20px;
+  width: 24px;
+  height: 24px;
   position: absolute;
   top: 14px;
   border-radius: 4px;
   color: #999;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
 }
 .rc-calendar-year-panel-prev-decade-btn:hover,
 .rc-calendar-year-panel-next-decade-btn:hover {
@@ -864,21 +854,9 @@
 .rc-calendar-year-panel-next-decade-btn {
   right: 16px;
 }
-.rc-calendar-year-panel-next-decade-btn:after {
-  content: '»';
-  transform: translateY(-1px);
-}
 .rc-calendar-year-panel-prev-decade-btn {
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
   left: 16px;
 }
-.rc-calendar-year-panel-prev-decade-btn:after {
-  content: '«';
-  transform: translateY(-1px);
-}
 .rc-calendar-year-panel .rc-calendar-year-panel-decade-select {
   width: 180px;
 }
@@ -984,8 +962,8 @@
 }
 .rc-calendar-decade-panel-prev-century-btn,
 .rc-calendar-decade-panel-next-century-btn {
-  width: 20px;
-  height: 20px;
+  width: 24px;
+  height: 24px;
   border-radius: 4px;
   color: #999;
   position: absolute;
@@ -999,17 +977,9 @@
 .rc-calendar-decade-panel-next-century-btn {
   right: 16px;
 }
-.rc-calendar-decade-panel-next-century-btn:after {
-  content: '»';
-  transform: translateY(-1px);
-}
 .rc-calendar-decade-panel-prev-century-btn {
   left: 16px;
 }
-.rc-calendar-decade-panel-prev-century-btn:after {
-  content: '«';
-  transform: translateY(-1px);
-}
 .rc-calendar-decade-panel-body {
   -ms-flex: 1;
       flex: 1;