|
1 | 1 | /*!
|
2 | 2 | * knockout-daterangepicker
|
3 |
| - * version: 0.0.5 |
| 3 | + * version: 0.0.6 |
4 | 4 | * authors: Sensor Tower team
|
5 | 5 | * license: MIT
|
6 | 6 | * https://sensortower.github.io/daterangepicker
|
|
10 | 10 | position: absolute;
|
11 | 11 | background: white;
|
12 | 12 | box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
|
13 |
| - justify-content: flex-start; |
| 13 | + -webkit-justify-content: flex-start; |
| 14 | + -ms-flex-pack: start; |
| 15 | + justify-content: flex-start; |
14 | 16 | border-radius: 4px;
|
15 | 17 | padding: 4px;
|
16 | 18 | font-size: 13px;
|
|
49 | 51 | }
|
50 | 52 |
|
51 | 53 | .daterangepicker .periods {
|
| 54 | + display: -webkit-inline-flex; |
| 55 | + display: -ms-inline-flexbox; |
52 | 56 | display: inline-flex;
|
53 | 57 | margin: 0 auto 8px;
|
54 | 58 | }
|
|
62 | 66 | }
|
63 | 67 |
|
64 | 68 | .daterangepicker .ranges {
|
| 69 | + display: -webkit-flex; |
| 70 | + display: -ms-flexbox; |
65 | 71 | display: flex;
|
66 |
| - flex-direction: column; |
67 |
| - align-items: stretch; |
| 72 | + -webkit-flex-direction: column; |
| 73 | + -ms-flex-direction: column; |
| 74 | + flex-direction: column; |
| 75 | + -webkit-align-items: stretch; |
| 76 | + -ms-flex-align: stretch; |
| 77 | + align-items: stretch; |
68 | 78 | }
|
69 | 79 |
|
70 | 80 | .daterangepicker .ranges li {
|
|
74 | 84 | }
|
75 | 85 |
|
76 | 86 | .daterangepicker .custom-range-inputs {
|
| 87 | + display: -webkit-flex; |
| 88 | + display: -ms-flexbox; |
77 | 89 | display: flex;
|
78 | 90 | margin: -3px;
|
79 | 91 | margin-bottom: 5px;
|
|
82 | 94 | .daterangepicker .custom-range-inputs input {
|
83 | 95 | min-width: 50px;
|
84 | 96 | width: 50px;
|
85 |
| - flex: 1; |
| 97 | + -webkit-flex: 1; |
| 98 | + -ms-flex: 1; |
| 99 | + flex: 1; |
86 | 100 | margin: 3px;
|
87 | 101 | border-radius: 4px;
|
88 | 102 | border: 1px solid #ccc;
|
|
93 | 107 | }
|
94 | 108 |
|
95 | 109 | .daterangepicker .custom-range-buttons {
|
| 110 | + display: -webkit-flex; |
| 111 | + display: -ms-flexbox; |
96 | 112 | display: flex;
|
97 | 113 | margin: -3px;
|
98 | 114 | }
|
|
145 | 161 | .daterangepicker .arrow-left:before {
|
146 | 162 | border-right-width: 6px;
|
147 | 163 | border-right-color: #333;
|
148 |
| - transform: translate(-10px, -3.5px); |
| 164 | + -webkit-transform: translate(-10px, -3.5px); |
| 165 | + transform: translate(-10px, -3.5px); |
149 | 166 | }
|
150 | 167 |
|
151 | 168 | .daterangepicker .arrow-right {
|
|
155 | 172 | .daterangepicker .arrow-right:before {
|
156 | 173 | border-left-width: 6px;
|
157 | 174 | border-left-color: #333;
|
158 |
| - transform: translate(6px, -3.5px); |
| 175 | + -webkit-transform: translate(6px, -3.5px); |
| 176 | + transform: translate(6px, -3.5px); |
159 | 177 | }
|
160 | 178 |
|
161 | 179 | .daterangepicker.orientation-right:not(.standalone):before {
|
|
218 | 236 | }
|
219 | 237 |
|
220 | 238 | .daterangepicker select.month-select {
|
221 |
| - flex: 10; |
| 239 | + -webkit-flex: 10; |
| 240 | + -ms-flex: 10; |
| 241 | + flex: 10; |
222 | 242 | max-width: 75%;
|
223 | 243 | }
|
224 | 244 |
|
225 | 245 | .daterangepicker select.year-select {
|
226 |
| - flex: 11; |
| 246 | + -webkit-flex: 11; |
| 247 | + -ms-flex: 11; |
| 248 | + flex: 11; |
227 | 249 | max-width: 75%;
|
228 | 250 | }
|
229 | 251 |
|
230 | 252 | .daterangepicker select.decade-select {
|
231 |
| - flex: 11; |
| 253 | + -webkit-flex: 11; |
| 254 | + -ms-flex: 11; |
| 255 | + flex: 11; |
232 | 256 | max-width: 75%;
|
233 | 257 | }
|
234 | 258 |
|
|
268 | 292 | }
|
269 | 293 |
|
270 | 294 | .calendar .calendar-header {
|
| 295 | + display: -webkit-flex; |
| 296 | + display: -ms-flexbox; |
271 | 297 | display: flex;
|
272 | 298 | margin: 0 6px 4px;
|
273 | 299 | }
|
274 | 300 |
|
275 | 301 | .calendar .calendar-header .calendar-selects {
|
276 |
| - flex: 5; |
| 302 | + -webkit-flex: 5; |
| 303 | + -ms-flex: 5; |
| 304 | + flex: 5; |
277 | 305 | text-align: center;
|
| 306 | + display: -webkit-flex; |
| 307 | + display: -ms-flexbox; |
278 | 308 | display: flex;
|
279 |
| - justify-content: center; |
280 |
| - align-items: center; |
| 309 | + -webkit-justify-content: center; |
| 310 | + -ms-flex-pack: center; |
| 311 | + justify-content: center; |
| 312 | + -webkit-align-items: center; |
| 313 | + -ms-flex-align: center; |
| 314 | + align-items: center; |
281 | 315 | padding: 2px;
|
282 | 316 | }
|
283 | 317 |
|
284 | 318 | .calendar .calendar-header .arrow {
|
285 |
| - flex: 1; |
| 319 | + -webkit-flex: 1; |
| 320 | + -ms-flex: 1; |
| 321 | + flex: 1; |
286 | 322 | text-align: center;
|
287 | 323 | }
|
288 | 324 |
|
|
296 | 332 | border-radius: 4px;
|
297 | 333 | overflow: hidden;
|
298 | 334 | padding: 5px;
|
| 335 | + display: -webkit-flex; |
| 336 | + display: -ms-flexbox; |
299 | 337 | display: flex;
|
300 |
| - align-content: stretch; |
301 |
| - justify-content: space-around; |
302 |
| - flex-direction: column; |
| 338 | + -webkit-align-content: stretch; |
| 339 | + -ms-flex-line-pack: stretch; |
| 340 | + align-content: stretch; |
| 341 | + -webkit-justify-content: space-around; |
| 342 | + -ms-flex-pack: distribute; |
| 343 | + justify-content: space-around; |
| 344 | + -webkit-flex-direction: column; |
| 345 | + -ms-flex-direction: column; |
| 346 | + flex-direction: column; |
303 | 347 | }
|
304 | 348 |
|
305 | 349 | .calendar .calendar-table .table-row {
|
| 350 | + display: -webkit-flex; |
| 351 | + display: -ms-flexbox; |
306 | 352 | display: flex;
|
307 |
| - align-content: stretch; |
308 |
| - justify-content: space-around; |
309 |
| - flex: 1; |
| 353 | + -webkit-align-content: stretch; |
| 354 | + -ms-flex-line-pack: stretch; |
| 355 | + align-content: stretch; |
| 356 | + -webkit-justify-content: space-around; |
| 357 | + -ms-flex-pack: distribute; |
| 358 | + justify-content: space-around; |
| 359 | + -webkit-flex: 1; |
| 360 | + -ms-flex: 1; |
| 361 | + flex: 1; |
310 | 362 | }
|
311 | 363 |
|
312 | 364 | .calendar .calendar-table .table-row .table-col {
|
| 365 | + display: -webkit-flex; |
| 366 | + display: -ms-flexbox; |
313 | 367 | display: flex;
|
314 |
| - flex: 1; |
| 368 | + -webkit-flex: 1; |
| 369 | + -ms-flex: 1; |
| 370 | + flex: 1; |
315 | 371 | text-align: center;
|
316 | 372 | line-height: 1;
|
317 | 373 | cursor: default;
|
|
322 | 378 | }
|
323 | 379 |
|
324 | 380 | .calendar .calendar-table .table-row .table-col .table-value-wrapper {
|
| 381 | + display: -webkit-flex; |
| 382 | + display: -ms-flexbox; |
325 | 383 | display: flex;
|
326 |
| - flex: 1; |
327 |
| - align-items: center; |
| 384 | + -webkit-flex: 1; |
| 385 | + -ms-flex: 1; |
| 386 | + flex: 1; |
| 387 | + -webkit-align-items: center; |
| 388 | + -ms-flex-align: center; |
| 389 | + align-items: center; |
328 | 390 | }
|
329 | 391 |
|
330 | 392 | .calendar .calendar-table .table-row .table-col .table-value-wrapper .table-value {
|
331 |
| - flex: 1; |
| 393 | + -webkit-flex: 1; |
| 394 | + -ms-flex: 1; |
| 395 | + flex: 1; |
332 | 396 | }
|
333 | 397 |
|
334 | 398 | .calendar .calendar-table .table-row .table-col.out-of-boundaries, .calendar .calendar-table .table-row .table-col.unavailable,
|
|
371 | 435 | }
|
372 | 436 |
|
373 | 437 | .calendar .calendar-table .table-row .table-col .week-day {
|
374 |
| - flex: 1; |
| 438 | + -webkit-flex: 1; |
| 439 | + -ms-flex: 1; |
| 440 | + flex: 1; |
375 | 441 | text-align: center;
|
376 | 442 | }
|
377 | 443 |
|
|
380 | 446 | }
|
381 | 447 |
|
382 | 448 | .daterangepicker.opened {
|
| 449 | + display: -webkit-inline-flex; |
| 450 | + display: -ms-inline-flexbox; |
383 | 451 | display: inline-flex;
|
384 | 452 | }
|
385 | 453 |
|
|
403 | 471 | display: none;
|
404 | 472 | }
|
405 | 473 |
|
| 474 | +.daterangepicker.hide-weekdays .weekdays { |
| 475 | + display: none; |
| 476 | +} |
| 477 | + |
406 | 478 | .daterangepicker.single {
|
407 |
| - flex-direction: column; |
| 479 | + -webkit-flex-direction: column; |
| 480 | + -ms-flex-direction: column; |
| 481 | + flex-direction: column; |
408 | 482 | }
|
409 | 483 |
|
410 | 484 | .daterangepicker.single .ranges,
|
|
415 | 489 | }
|
416 | 490 |
|
417 | 491 | .daterangepicker.single .controls {
|
| 492 | + display: -webkit-flex; |
| 493 | + display: -ms-flexbox; |
418 | 494 | display: flex;
|
419 |
| - justify-content: center; |
| 495 | + -webkit-justify-content: center; |
| 496 | + -ms-flex-pack: center; |
| 497 | + justify-content: center; |
420 | 498 | }
|
421 | 499 |
|
422 | 500 | .daterangepicker.single .calendar .calendar-header {
|
|
442 | 520 | }
|
443 | 521 |
|
444 | 522 | .daterangepicker.quarter-period .table-col {
|
445 |
| - flex-direction: column; |
| 523 | + -webkit-flex-direction: column; |
| 524 | + -ms-flex-direction: column; |
| 525 | + flex-direction: column; |
446 | 526 | font-size: 2em;
|
447 | 527 | }
|
448 | 528 |
|
|
452 | 532 | }
|
453 | 533 |
|
454 | 534 | .daterangepicker.orientation-left:not(.single) .controls {
|
455 |
| - order: 2; |
| 535 | + -webkit-order: 2; |
| 536 | + -ms-flex-order: 2; |
| 537 | + order: 2; |
456 | 538 | }
|
0 commit comments