2.6.1

etd-framework · May 10, 2017 · 48d81d4 · 48d81d4
1 parent dd6c48a
commit 48d81d4
Show file tree

Hide file tree

Showing 5 changed files with 432 additions and 300 deletions.
diff --git a/flatpickr.css b/flatpickr.css
@@ -16,6 +16,8 @@
   position: absolute;
   width: 315px;
   box-sizing: border-box;
+  -ms-touch-action: manipulation;
+      touch-action: manipulation;
   background: #fff;
   box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
 }
@@ -31,8 +33,8 @@
   z-index: 99999;
 }
 .flatpickr-calendar.animate.open {
-  -webkit-animation: flatpickrFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
-          animation: flatpickrFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
+  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
+          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
 }
 .flatpickr-calendar.inline {
   display: block;
@@ -122,7 +124,7 @@
   color: rgba(0,0,0,0.9);
   fill: rgba(0,0,0,0.9);
   height: 28px;
-  line-height: 24px;
+  line-height: 1;
   text-align: center;
   position: relative;
   -webkit-user-select: none;
@@ -137,9 +139,10 @@
   cursor: pointer;
   position: absolute;
   top: 0px;
-  height: 28px;
   line-height: 16px;
+  height: 28px;
   padding: 10px calc(3.57% - 1.5px);
+  z-index: 3;
 }
 .flatpickr-prev-month i,
 .flatpickr-next-month i {
@@ -267,47 +270,44 @@
   position: absolute;
   width: 75%;
   left: 12.5%;
-  top: 5px;
+  padding: 6.16px 0 0 0;
+  line-height: 1;
+  height: 28px;
   display: inline-block;
   text-align: center;
-  -webkit-transform: translate(0px, 0px);
-      -ms-transform: translate(0px, 0px);
-          transform: translate(0px, 0px);
+  -webkit-transform: translate3d(0px, 0px, 0px);
+          transform: translate3d(0px, 0px, 0px);
 }
 .flatpickr-current-month.slideLeft {
-  -webkit-transform: translate(-100%, 0px);
-      -ms-transform: translate(-100%, 0px);
-          transform: translate(-100%, 0px);
-  -webkit-animation: fadeOut 400ms ease, slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
-          animation: fadeOut 400ms ease, slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
+  -webkit-transform: translate3d(-100%, 0px, 0px);
+          transform: translate3d(-100%, 0px, 0px);
+  -webkit-animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
+          animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
 }
 .flatpickr-current-month.slideLeftNew {
-  -webkit-transform: translate(100%, 0px);
-      -ms-transform: translate(100%, 0px);
-          transform: translate(100%, 0px);
-  -webkit-animation: fadeIn 400ms ease, slideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
-          animation: fadeIn 400ms ease, slideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
+  -webkit-transform: translate3d(100%, 0px, 0px);
+          transform: translate3d(100%, 0px, 0px);
+  -webkit-animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
+          animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
 }
 .flatpickr-current-month.slideRight {
-  -webkit-transform: translate(100%, 0px);
-      -ms-transform: translate(100%, 0px);
-          transform: translate(100%, 0px);
-  -webkit-animation: fadeOut 400ms ease, slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
-          animation: fadeOut 400ms ease, slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
+  -webkit-transform: translate3d(100%, 0px, 0px);
+          transform: translate3d(100%, 0px, 0px);
+  -webkit-animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
+          animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
 }
 .flatpickr-current-month.slideRightNew {
-  -webkit-transform: translate(0, 0);
-      -ms-transform: translate(0, 0);
-          transform: translate(0, 0);
-  -webkit-animation: fadeIn 400ms ease, slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
-          animation: fadeIn 400ms ease, slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
+  -webkit-transform: translate3d(0, 0, 0px);
+          transform: translate3d(0, 0, 0px);
+  -webkit-animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
+          animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
 }
 .flatpickr-current-month span.cur-month {
   font-family: inherit;
   font-weight: 700;
   color: inherit;
   display: inline-block;
-  margin-left: 7px;
+  margin-left: 0.5ch;
   padding: 0;
 }
 .flatpickr-current-month span.cur-month:hover {
@@ -331,7 +331,7 @@
   cursor: default;
   padding: 0 0 0 0.5ch;
   margin: 0;
-  display: inline;
+  display: inline-block;
   font-size: inherit;
   font-family: inherit;
   font-weight: 300;
@@ -367,17 +367,16 @@
 span.flatpickr-weekday {
   cursor: default;
   font-size: 90%;
+  background: transparent;
   color: rgba(0,0,0,0.54);
   line-height: 1;
   margin: 0;
-  background: transparent;
   text-align: center;
   display: block;
   -webkit-flex: 1;
       -ms-flex: 1;
           flex: 1;
   font-weight: bolder;
-  margin: 0;
 }
 .dayContainer,
 .flatpickr-weeks {
@@ -412,35 +411,32 @@ span.flatpickr-weekday {
   -ms-flex-pack: justify;
   -webkit-justify-content: space-around;
           justify-content: space-around;
-  -webkit-transform: translate(0px, 0px);
-      -ms-transform: translate(0px, 0px);
-          transform: translate(0px, 0px);
+  -webkit-transform: translate3d(0px, 0px, 0px);
+          transform: translate3d(0px, 0px, 0px);
   opacity: 1;
 }
 .flatpickr-calendar.animate .dayContainer.slideLeft {
-  -webkit-animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
-          animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
+  -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
+          animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
 }
 .flatpickr-calendar.animate .dayContainer.slideLeft,
 .flatpickr-calendar.animate .dayContainer.slideLeftNew {
-  -webkit-transform: translate(-100%, 0px);
-      -ms-transform: translate(-100%, 0px);
-          transform: translate(-100%, 0px);
+  -webkit-transform: translate3d(-100%, 0px, 0px);
+          transform: translate3d(-100%, 0px, 0px);
 }
 .flatpickr-calendar.animate .dayContainer.slideLeftNew {
-  -webkit-animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
-          animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
+  -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
+          animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
 }
 .flatpickr-calendar.animate .dayContainer.slideRight {
-  -webkit-animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
-          animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
-  -webkit-transform: translate(100%, 0px);
-      -ms-transform: translate(100%, 0px);
-          transform: translate(100%, 0px);
+  -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
+          animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
+  -webkit-transform: translate3d(100%, 0px, 0px);
+          transform: translate3d(100%, 0px, 0px);
 }
 .flatpickr-calendar.animate .dayContainer.slideRightNew {
-  -webkit-animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
-          animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
+  -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
+          animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
 }
 .flatpickr-day {
   background: none;
@@ -566,12 +562,13 @@ span.flatpickr-weekday {
   float: left;
 }
 .flatpickr-weekwrapper .flatpickr-weeks {
-  padding: 1px 12px 0 12px;
+  padding: 0 12px;
   box-shadow: 1px 0 0 #e6e6e6;
 }
 .flatpickr-weekwrapper .flatpickr-weekday {
   float: none;
   width: 100%;
+  line-height: 28px;
 }
 .flatpickr-weekwrapper span.flatpickr-day {
   display: block;
@@ -669,6 +666,10 @@ span.flatpickr-weekday {
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
+  -webkit-align-self: center;
+      -ms-flex-item-align: center;
+              -ms-grid-row-align: center;
+          align-self: center;
 }
 .flatpickr-time .flatpickr-am-pm {
   outline: 0;
@@ -684,7 +685,7 @@ span.flatpickr-weekday {
 .flatpickr-input[readonly] {
   cursor: pointer;
 }
-@-webkit-keyframes flatpickrFadeInDown {
+@-webkit-keyframes fpFadeInDown {
   from {
     opacity: 0;
     -webkit-transform: translate3d(0, -20px, 0);
@@ -696,7 +697,7 @@ span.flatpickr-weekday {
             transform: translate3d(0, 0, 0);
   }
 }
-@keyframes flatpickrFadeInDown {
+@keyframes fpFadeInDown {
   from {
     opacity: 0;
     -webkit-transform: translate3d(0, -20px, 0);
@@ -708,111 +709,111 @@ span.flatpickr-weekday {
             transform: translate3d(0, 0, 0);
   }
 }
-@-webkit-keyframes slideLeft {
+@-webkit-keyframes fpSlideLeft {
   from {
-    -webkit-transform: translate(0px, 0px);
-            transform: translate(0px, 0px);
+    -webkit-transform: translate3d(0px, 0px, 0px);
+            transform: translate3d(0px, 0px, 0px);
   }
   to {
-    -webkit-transform: translate(-100%, 0px);
-            transform: translate(-100%, 0px);
+    -webkit-transform: translate3d(-100%, 0px, 0px);
+            transform: translate3d(-100%, 0px, 0px);
   }
 }
-@keyframes slideLeft {
+@keyframes fpSlideLeft {
   from {
-    -webkit-transform: translate(0px, 0px);
-            transform: translate(0px, 0px);
+    -webkit-transform: translate3d(0px, 0px, 0px);
+            transform: translate3d(0px, 0px, 0px);
   }
   to {
-    -webkit-transform: translate(-100%, 0px);
-            transform: translate(-100%, 0px);
+    -webkit-transform: translate3d(-100%, 0px, 0px);
+            transform: translate3d(-100%, 0px, 0px);
   }
 }
-@-webkit-keyframes slideLeftNew {
+@-webkit-keyframes fpSlideLeftNew {
   from {
-    -webkit-transform: translate(100%, 0px);
-            transform: translate(100%, 0px);
+    -webkit-transform: translate3d(100%, 0px, 0px);
+            transform: translate3d(100%, 0px, 0px);
   }
   to {
-    -webkit-transform: translate(0px, 0px);
-            transform: translate(0px, 0px);
+    -webkit-transform: translate3d(0px, 0px, 0px);
+            transform: translate3d(0px, 0px, 0px);
   }
 }
-@keyframes slideLeftNew {
+@keyframes fpSlideLeftNew {
   from {
-    -webkit-transform: translate(100%, 0px);
-            transform: translate(100%, 0px);
+    -webkit-transform: translate3d(100%, 0px, 0px);
+            transform: translate3d(100%, 0px, 0px);
   }
   to {
-    -webkit-transform: translate(0px, 0px);
-            transform: translate(0px, 0px);
+    -webkit-transform: translate3d(0px, 0px, 0px);
+            transform: translate3d(0px, 0px, 0px);
   }
 }
-@-webkit-keyframes slideRight {
+@-webkit-keyframes fpSlideRight {
   from {
-    -webkit-transform: translate(0, 0);
-            transform: translate(0, 0);
+    -webkit-transform: translate3d(0, 0, 0px);
+            transform: translate3d(0, 0, 0px);
   }
   to {
-    -webkit-transform: translate(100%, 0px);
-            transform: translate(100%, 0px);
+    -webkit-transform: translate3d(100%, 0px, 0px);
+            transform: translate3d(100%, 0px, 0px);
   }
 }
-@keyframes slideRight {
+@keyframes fpSlideRight {
   from {
-    -webkit-transform: translate(0, 0);
-            transform: translate(0, 0);
+    -webkit-transform: translate3d(0, 0, 0px);
+            transform: translate3d(0, 0, 0px);
   }
   to {
-    -webkit-transform: translate(100%, 0px);
-            transform: translate(100%, 0px);
+    -webkit-transform: translate3d(100%, 0px, 0px);
+            transform: translate3d(100%, 0px, 0px);
   }
 }
-@-webkit-keyframes slideRightNew {
+@-webkit-keyframes fpSlideRightNew {
   from {
-    -webkit-transform: translate(-100%, 0);
-            transform: translate(-100%, 0);
+    -webkit-transform: translate3d(-100%, 0, 0px);
+            transform: translate3d(-100%, 0, 0px);
   }
   to {
-    -webkit-transform: translate(0, 0);
-            transform: translate(0, 0);
+    -webkit-transform: translate3d(0, 0, 0px);
+            transform: translate3d(0, 0, 0px);
   }
 }
-@keyframes slideRightNew {
+@keyframes fpSlideRightNew {
   from {
-    -webkit-transform: translate(-100%, 0);
-            transform: translate(-100%, 0);
+    -webkit-transform: translate3d(-100%, 0, 0px);
+            transform: translate3d(-100%, 0, 0px);
   }
   to {
-    -webkit-transform: translate(0, 0);
-            transform: translate(0, 0);
+    -webkit-transform: translate3d(0, 0, 0px);
+            transform: translate3d(0, 0, 0px);
   }
 }
-@-webkit-keyframes fadeOut {
+@-webkit-keyframes fpFadeOut {
   from {
     opacity: 1;
   }
   to {
     opacity: 0;
   }
 }
-@keyframes fadeOut {
+@keyframes fpFadeOut {
   from {
     opacity: 1;
   }
   to {
     opacity: 0;
   }
 }
-@-webkit-keyframes fadeIn {
+@-webkit-keyframes fpFadeIn {
   from {
     opacity: 0;
   }
   to {
     opacity: 1;
   }
 }
-@keyframes fadeIn {
+@keyframes fpFadeIn {
   from {
     opacity: 0;
   }