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;