vendor/assets/stylesheets/flatpickr/themes/material_orange.css in flatpickr-2.4.9.0 vs vendor/assets/stylesheets/flatpickr/themes/material_orange.css in flatpickr-2.5.3.0

- old
+ new

@@ -144,10 +144,11 @@ position: absolute; top: 0px; height: 28px; line-height: 16px; padding: 10px calc(3.57% - 1.5px); + z-index: 3; } .flatpickr-prev-month i, .flatpickr-next-month i { position: relative; } @@ -274,39 +275,34 @@ width: 75%; left: 12.5%; top: 5px; 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-transform: translate3d(-100%, 0px, 0px); + transform: translate3d(-100%, 0px, 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); } .flatpickr-current-month.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); -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); } .flatpickr-current-month.slideRight { - -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); -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); } .flatpickr-current-month.slideRightNew { - -webkit-transform: translate(0, 0); - -ms-transform: translate(0, 0); - transform: translate(0, 0); + -webkit-transform: translate3d(0, 0, 0px); + transform: translate3d(0, 0, 0px); -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); } .flatpickr-current-month span.cur-month { font-family: inherit; @@ -419,35 +415,32 @@ flex-wrap: wrap; -ms-flex-wrap: wrap; -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); } .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); } .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-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); } @@ -722,85 +715,85 @@ transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideLeft { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { from { opacity: 1;