← All changes
|
includes/page-availability-general/_out/availability_general_page.css
+77
-19
11.8.4
→
11.9
View file →
| @@ -422,8 +422,13 @@ | ||
| 422 | 422 | .wpbc_ag_notice { |
| 423 | 423 | border-left: 4px solid #dba617; |
| 424 | 424 | margin: 0 0 12px |
| 425 | 425 | } |
| 426 | +.wpbc_ag_notice_error { | |
| 427 | + background: #fcf0f1; | |
| 428 | + border-color: #d63638; | |
| 429 | + color: #8a2424 | |
| 430 | +} | |
| 426 | 431 | .wpbc_ag_working_time_block { |
| 427 | 432 | border-radius: var(--wpbc-ts-radius,6px); |
| 428 | 433 | margin: 10px 0 0 |
| 429 | 434 | } |
| @@ -439,35 +444,93 @@ | ||
| 439 | 444 | .wpbc_ag_working_time_notice { |
| 440 | 445 | border-left-color: #5459ac |
| 441 | 446 | } |
| 442 | 447 | .wpbc_ag_working_time_rows { |
| 443 | - display: grid; | |
| 444 | - gap: 8px | |
| 448 | + display: -ms-flexbox; | |
| 449 | + display: flex; | |
| 450 | + -ms-flex-direction: column; | |
| 451 | + flex-direction: column; | |
| 452 | + gap: 10px | |
| 445 | 453 | } |
| 446 | 454 | .wpbc_ag_working_time_row { |
| 455 | + -ms-flex-align: start; | |
| 456 | + align-items: flex-start; | |
| 457 | + display: -ms-flexbox; | |
| 458 | + display: flex; | |
| 459 | + -ms-flex-direction: column; | |
| 460 | + flex-direction: column; | |
| 461 | + gap: 6px; | |
| 462 | + min-width: 0; | |
| 463 | + padding: 3px 0 7px; | |
| 464 | + width: 100% | |
| 465 | +} | |
| 466 | +.wpbc_ag_working_time_day { | |
| 467 | + margin: 0; | |
| 468 | + padding: 0 | |
| 469 | +} | |
| 470 | +.wpbc_ag_working_time_intervals { | |
| 471 | + display: -ms-flexbox; | |
| 472 | + display: flex; | |
| 473 | + -ms-flex-direction: column; | |
| 474 | + flex-direction: column; | |
| 475 | + gap: 6px; | |
| 476 | + min-width: 0; | |
| 477 | + width: 100% | |
| 478 | +} | |
| 479 | +.wpbc_ag_working_time_times { | |
| 447 | 480 | -ms-flex-align: center; |
| 448 | 481 | align-items: center; |
| 449 | 482 | display: -ms-flexbox; |
| 450 | 483 | display: flex; |
| 451 | - gap: 8px; | |
| 452 | - -ms-flex-flow: row wrap; | |
| 453 | - flex-flow: row wrap | |
| 484 | + gap: 6px; | |
| 485 | + min-width: 0; | |
| 486 | + width: 100% | |
| 454 | 487 | } |
| 455 | -.wpbc_ag_working_time_day { | |
| 456 | - margin: 0 | |
| 488 | +.wpbc_ag_working_time_times .wpbc_ag_field_control { | |
| 489 | + -ms-flex: 1 1 0px; | |
| 490 | + flex: 1 1 0; | |
| 491 | + min-width: 0; | |
| 492 | + width: auto | |
| 457 | 493 | } |
| 458 | -.wpbc_ag_working_time_times { | |
| 494 | +.wpbc_ag_working_time_add { | |
| 459 | 495 | -ms-flex-align: center; |
| 460 | 496 | align-items: center; |
| 497 | + -ms-flex-item-align: start; | |
| 498 | + align-self: flex-start; | |
| 461 | 499 | display: -ms-inline-flexbox; |
| 462 | 500 | display: inline-flex; |
| 463 | - gap: 6px; | |
| 464 | - -ms-flex: 1 1 auto; | |
| 465 | - flex: 1 1 auto | |
| 501 | + gap: 4px | |
| 466 | 502 | } |
| 467 | -.wpbc_ag_working_time_times .wpbc_ag_field_control { | |
| 468 | - min-width: 84px | |
| 503 | +.wpbc_ag_working_time_remove { | |
| 504 | + -ms-flex-align: center; | |
| 505 | + align-items: center; | |
| 506 | + background: 0 0; | |
| 507 | + border: 0; | |
| 508 | + border-radius: 3px; | |
| 509 | + color: #646970; | |
| 510 | + cursor: pointer; | |
| 511 | + display: -ms-inline-flexbox; | |
| 512 | + display: inline-flex; | |
| 513 | + -ms-flex: 0 0 28px; | |
| 514 | + flex: 0 0 28px; | |
| 515 | + height: 28px; | |
| 516 | + -ms-flex-pack: center; | |
| 517 | + justify-content: center; | |
| 518 | + padding: 0; | |
| 519 | + width: 28px | |
| 469 | 520 | } |
| 521 | +.wpbc_ag_working_time_remove:focus, | |
| 522 | +.wpbc_ag_working_time_remove:hover { | |
| 523 | + color: #d63638 | |
| 524 | +} | |
| 525 | +.wpbc_ag_working_time_remove:focus, | |
| 526 | +.wpbc_ag_working_time_remove:focus-visible { | |
| 527 | + box-shadow: 0 0 0 2px #2271b1; | |
| 528 | + outline: transparent solid 2px | |
| 529 | +} | |
| 530 | +.wpbc_ag_working_time_row:not(.is-enabled) .wpbc_ag_working_time_intervals { | |
| 531 | + opacity: .65 | |
| 532 | +} | |
| 470 | 533 | .wpbc_ag_working_time_custom { |
| 471 | 534 | display: none; |
| 472 | 535 | margin-top: 10px |
| 473 | 536 | } |
| @@ -522,16 +585,11 @@ | ||
| 522 | 585 | .wpbc_ag_weekday_grid { |
| 523 | 586 | gap: 3px; |
| 524 | 587 | grid-template-columns: repeat(7,minmax(0,1fr)) |
| 525 | 588 | } |
| 526 | - .wpbc_ag_working_time_row { | |
| 527 | - grid-template-columns: 1fr | |
| 528 | - } | |
| 529 | 589 | .wpbc_ag_working_time_times { |
| 530 | - width: 100% | |
| 590 | + gap: 4px | |
| 531 | 591 | } |
| 532 | 592 | .wpbc_ag_working_time_times .wpbc_ag_field_control { |
| 533 | - -ms-flex: 1 1 auto; | |
| 534 | - flex: 1 1 auto; | |
| 535 | 593 | min-width: 0 |
| 536 | 594 | } |
| 537 | 595 | } |