← All changes
|
includes/page-availability-general/_src/availability_general_page.css
+96
-42
11.8.2
→
11.9
View file →
| @@ -434,12 +434,18 @@ | ||
| 434 | 434 | line-height: 1.45; |
| 435 | 435 | padding: 10px; |
| 436 | 436 | } |
| 437 | 437 | |
| 438 | -.wpbc_ag_notice { | |
| 439 | - border-left: 4px solid #dba617; | |
| 440 | - margin: 0 0 12px; | |
| 441 | -} | |
| 438 | +.wpbc_ag_notice { | |
| 439 | + border-left: 4px solid #dba617; | |
| 440 | + margin: 0 0 12px; | |
| 441 | +} | |
| 442 | + | |
| 443 | +.wpbc_ag_notice_error { | |
| 444 | + background: #fcf0f1; | |
| 445 | + border-color: #d63638; | |
| 446 | + color: #8a2424; | |
| 447 | +} | |
| 442 | 448 | |
| 443 | 449 | .wpbc_ag_working_time_block { |
| 444 | 450 | /*background: var(--wpbc-ts-bg-soft, #f6f7f7);*/ |
| 445 | 451 | /*border: 1px solid var(--wpbc-ts-border, #dcdcde);*/ |
| @@ -463,35 +469,88 @@ | ||
| 463 | 469 | .wpbc_ag_working_time_notice { |
| 464 | 470 | border-left-color: #5459ac; |
| 465 | 471 | } |
| 466 | 472 | |
| 467 | -.wpbc_ag_working_time_rows { | |
| 468 | - display: grid; | |
| 469 | - gap: 8px; | |
| 470 | -} | |
| 473 | +.wpbc_ag_working_time_rows { | |
| 474 | + display: flex; | |
| 475 | + flex-direction: column; | |
| 476 | + gap: 10px; | |
| 477 | +} | |
| 478 | + | |
| 479 | +.wpbc_ag_working_time_row { | |
| 480 | + align-items: flex-start; | |
| 481 | + display: flex; | |
| 482 | + flex-direction: column; | |
| 483 | + gap: 6px; | |
| 484 | + min-width: 0; | |
| 485 | + padding: 3px 0 7px; | |
| 486 | + width: 100%; | |
| 487 | +} | |
| 488 | + | |
| 489 | +.wpbc_ag_working_time_day { | |
| 490 | + margin: 0; | |
| 491 | + padding: 0; | |
| 492 | +} | |
| 493 | + | |
| 494 | +.wpbc_ag_working_time_intervals { | |
| 495 | + display: flex; | |
| 496 | + flex-direction: column; | |
| 497 | + gap: 6px; | |
| 498 | + min-width: 0; | |
| 499 | + width: 100%; | |
| 500 | +} | |
| 501 | + | |
| 502 | +.wpbc_ag_working_time_times { | |
| 503 | + align-items: center; | |
| 504 | + display: flex; | |
| 505 | + gap: 6px; | |
| 506 | + min-width: 0; | |
| 507 | + width: 100%; | |
| 508 | +} | |
| 509 | + | |
| 510 | +.wpbc_ag_working_time_times .wpbc_ag_field_control { | |
| 511 | + flex: 1 1 0; | |
| 512 | + min-width: 0; | |
| 513 | + width: auto; | |
| 514 | +} | |
| 515 | + | |
| 516 | +.wpbc_ag_working_time_add { | |
| 517 | + align-items: center; | |
| 518 | + align-self: flex-start; | |
| 519 | + display: inline-flex; | |
| 520 | + gap: 4px; | |
| 521 | +} | |
| 522 | + | |
| 523 | +.wpbc_ag_working_time_remove { | |
| 524 | + align-items: center; | |
| 525 | + background: transparent; | |
| 526 | + border: 0; | |
| 527 | + border-radius: 3px; | |
| 528 | + color: #646970; | |
| 529 | + cursor: pointer; | |
| 530 | + display: inline-flex; | |
| 531 | + flex: 0 0 28px; | |
| 532 | + height: 28px; | |
| 533 | + justify-content: center; | |
| 534 | + padding: 0; | |
| 535 | + width: 28px; | |
| 536 | +} | |
| 537 | + | |
| 538 | +.wpbc_ag_working_time_remove:hover, | |
| 539 | +.wpbc_ag_working_time_remove:focus { | |
| 540 | + color: #d63638; | |
| 541 | +} | |
| 542 | + | |
| 543 | +.wpbc_ag_working_time_remove:focus, | |
| 544 | +.wpbc_ag_working_time_remove:focus-visible { | |
| 545 | + box-shadow: 0 0 0 2px #2271b1; | |
| 546 | + outline: 2px solid transparent; | |
| 547 | +} | |
| 548 | + | |
| 549 | +.wpbc_ag_working_time_row:not(.is-enabled) .wpbc_ag_working_time_intervals { | |
| 550 | + opacity: 0.65; | |
| 551 | +} | |
| 471 | 552 | |
| 472 | -.wpbc_ag_working_time_row { | |
| 473 | - align-items: center; | |
| 474 | - display: flex; | |
| 475 | - gap: 8px; | |
| 476 | - flex-flow: row wrap; | |
| 477 | -} | |
| 478 | - | |
| 479 | -.wpbc_ag_working_time_day { | |
| 480 | - margin: 0; | |
| 481 | -} | |
| 482 | - | |
| 483 | -.wpbc_ag_working_time_times { | |
| 484 | - align-items: center; | |
| 485 | - display: inline-flex; | |
| 486 | - gap: 6px; | |
| 487 | - flex: 1 1 auto; | |
| 488 | -} | |
| 489 | - | |
| 490 | -.wpbc_ag_working_time_times .wpbc_ag_field_control { | |
| 491 | - min-width: 84px; | |
| 492 | -} | |
| 493 | - | |
| 494 | 553 | .wpbc_ag_working_time_custom { |
| 495 | 554 | display: none; |
| 496 | 555 | margin-top: 10px; |
| 497 | 556 | } |
| @@ -557,18 +616,13 @@ | ||
| 557 | 616 | gap: 3px; |
| 558 | 617 | grid-template-columns: repeat(7, minmax(0, 1fr)); |
| 559 | 618 | } |
| 560 | 619 | |
| 561 | - .wpbc_ag_working_time_row { | |
| 562 | - grid-template-columns: 1fr; | |
| 563 | - } | |
| 564 | - | |
| 565 | - .wpbc_ag_working_time_times { | |
| 566 | - width: 100%; | |
| 567 | - } | |
| 568 | - | |
| 569 | - .wpbc_ag_working_time_times .wpbc_ag_field_control { | |
| 570 | - flex: 1 1 auto; | |
| 571 | - min-width: 0; | |
| 572 | - } | |
| 620 | + .wpbc_ag_working_time_times { | |
| 621 | + gap: 4px; | |
| 622 | + } | |
| 623 | + | |
| 624 | + .wpbc_ag_working_time_times .wpbc_ag_field_control { | |
| 625 | + min-width: 0; | |
| 626 | + } | |
| 573 | 627 | |
| 574 | 628 | } |