vendor/assets/stylesheets/flatpickr/rtl/themes/dark.rtl.css in flatpickr-2.2.8.0 vs vendor/assets/stylesheets/flatpickr/rtl/themes/dark.rtl.css in flatpickr-2.2.9.0
- old
+ new
@@ -27,24 +27,23 @@
border-radius: 5px;
position: absolute;
width: 293.75px;
box-sizing: border-box;
transition: top cubic-bezier(0, 1, 0.5, 1) 100ms;
+ z-index: 99999999;
background: rgba(35,40,60,0.95);
box-shadow: -1px 0 0 #23283c, 1px 0 0 #23283c, 0 1px 0 #23283c, 0 -1px 0 #23283c, 0 3px 13px rgba(0,0,0,0.08);
- z-index: 999;
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
opacity: 1;
visibility: visible;
overflow: visible;
max-height: 640px;
}
.flatpickr-calendar.open {
display: inline-block;
- z-index: 99999;
animation: flatpickrFadeInDown 300ms cubic-bezier(0, 1, 0.5, 1);
}
.flatpickr-calendar.inline {
display: block;
position: relative;
@@ -116,11 +115,10 @@
height: 28px;
line-height: 24px;
text-align: center;
position: relative;
user-select: none;
- z-index: 2;
}
.flatpickr-prev-month,
.flatpickr-next-month {
text-decoration: none;
cursor: pointer;
@@ -199,11 +197,10 @@
width: 14px;
padding: 0 2px 0 4px;
height: 50%;
line-height: 50%;
opacity: 0;
- z-index: 9;
cursor: pointer;
border: 1px solid rgba(255,255,255,0.05);
box-sizing: border-box;
}
.numInputWrapper span:hover {
@@ -334,14 +331,11 @@
max-width: 38px;
height: 38px;
line-height: 38px;
margin: 0px 1.5px;
display: inline-block;
- display: inline-block\9;
position: relative;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
@@ -438,11 +432,10 @@
margin-top: 1px;
}
.flatpickr-weekwrapper {
display: inline-block;
float: right;
- z-index: 2;
}
.flatpickr-weekwrapper .flatpickr-weeks {
padding: 0 12px;
box-shadow: -1px 0 0 #23283c;
}
@@ -465,11 +458,10 @@
}
.flatpickr-rContainer {
display: inline-block;
padding: 0;
box-sizing: border-box;
- z-index: 2;
}
.flatpickr-time {
text-align: center;
outline: 0;
display: block;
@@ -490,11 +482,10 @@
.flatpickr-time .numInputWrapper {
flex: 1;
width: 40%;
height: 40px;
float: right;
- z-index: 3;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
border-bottom-color: rgba(255,255,255,0.95);
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
@@ -540,10 +531,9 @@
float: right;
line-height: inherit;
color: rgba(255,255,255,0.95);
font-weight: bold;
width: 2%;
- z-index: 3;
user-select: none;
}
.flatpickr-time .flatpickr-am-pm {
outline: 0;
width: 18%;