← All changes
|
includes/page-availability-general/_out/availability_general_page.css
+149
-3
11.0
→
11.9
View file →
| @@ -162,12 +162,34 @@ | ||
| 162 | 162 | max-width: 100%; |
| 163 | 163 | width: 100% |
| 164 | 164 | } |
| 165 | 165 | .wpbc_ag_weekday_grid { |
| 166 | + -ms-flex-align: start; | |
| 167 | + align-items: start; | |
| 166 | 168 | display: grid; |
| 169 | + gap: 6px; | |
| 170 | + grid-template-columns: repeat(7,minmax(0,1fr)) | |
| 171 | +} | |
| 172 | +.wpbc_ag_weekday_grid .wpbc_ag_weekday_switch { | |
| 173 | + -ms-flex-align: center; | |
| 174 | + align-items: center; | |
| 175 | + -ms-flex-direction: column; | |
| 176 | + flex-direction: column; | |
| 167 | 177 | gap: 8px; |
| 168 | - grid-template-columns: repeat(2,minmax(0,1fr)) | |
| 178 | + -ms-flex-pack: start; | |
| 179 | + justify-content: flex-start; | |
| 180 | + min-height: 0; | |
| 181 | + min-width: 0; | |
| 182 | + padding: 6px 0 4px; | |
| 183 | + text-align: center | |
| 169 | 184 | } |
| 185 | +.wpbc_ag_weekday_grid .wpbc_ag_switch_label { | |
| 186 | + overflow-wrap: normal; | |
| 187 | + white-space: nowrap | |
| 188 | +} | |
| 189 | +.wpbc_ag_weekday_grid + .wpbc_ag_description { | |
| 190 | + margin-top: 20px | |
| 191 | +} | |
| 170 | 192 | .wpbc_ag_switch { |
| 171 | 193 | -ms-flex-align: center; |
| 172 | 194 | align-items: center; |
| 173 | 195 | background: var(--wpbc-ts-bg,#fff); |
| @@ -176,9 +198,12 @@ | ||
| 176 | 198 | display: -ms-flexbox; |
| 177 | 199 | display: flex; |
| 178 | 200 | gap: 8px; |
| 179 | 201 | min-height: 36px; |
| 180 | - padding: 6px 8px | |
| 202 | + padding: 6px 0; | |
| 203 | + -ms-flex: 0 1 auto; | |
| 204 | + flex: 0 1 auto; | |
| 205 | + min-width: 70px | |
| 181 | 206 | } |
| 182 | 207 | .wpbc_ag_switch input { |
| 183 | 208 | height: 1px; |
| 184 | 209 | margin: 0; |
| @@ -397,8 +422,122 @@ | ||
| 397 | 422 | .wpbc_ag_notice { |
| 398 | 423 | border-left: 4px solid #dba617; |
| 399 | 424 | margin: 0 0 12px |
| 400 | 425 | } |
| 426 | +.wpbc_ag_notice_error { | |
| 427 | + background: #fcf0f1; | |
| 428 | + border-color: #d63638; | |
| 429 | + color: #8a2424 | |
| 430 | +} | |
| 431 | +.wpbc_ag_working_time_block { | |
| 432 | + border-radius: var(--wpbc-ts-radius,6px); | |
| 433 | + margin: 10px 0 0 | |
| 434 | +} | |
| 435 | +.wpbc_ag_working_time_block.is-disabled { | |
| 436 | + opacity: .58 | |
| 437 | +} | |
| 438 | +.wpbc_ag_working_time_block.is-disabled .wpbc_ag_description { | |
| 439 | + color: #8c8f94 | |
| 440 | +} | |
| 441 | +.wpbc_ag_working_time_block h4 { | |
| 442 | + margin: 0 0 10px | |
| 443 | +} | |
| 444 | +.wpbc_ag_working_time_notice { | |
| 445 | + border-left-color: #5459ac | |
| 446 | +} | |
| 447 | +.wpbc_ag_working_time_rows { | |
| 448 | + display: -ms-flexbox; | |
| 449 | + display: flex; | |
| 450 | + -ms-flex-direction: column; | |
| 451 | + flex-direction: column; | |
| 452 | + gap: 10px | |
| 453 | +} | |
| 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 { | |
| 480 | + -ms-flex-align: center; | |
| 481 | + align-items: center; | |
| 482 | + display: -ms-flexbox; | |
| 483 | + display: flex; | |
| 484 | + gap: 6px; | |
| 485 | + min-width: 0; | |
| 486 | + width: 100% | |
| 487 | +} | |
| 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 | |
| 493 | +} | |
| 494 | +.wpbc_ag_working_time_add { | |
| 495 | + -ms-flex-align: center; | |
| 496 | + align-items: center; | |
| 497 | + -ms-flex-item-align: start; | |
| 498 | + align-self: flex-start; | |
| 499 | + display: -ms-inline-flexbox; | |
| 500 | + display: inline-flex; | |
| 501 | + gap: 4px | |
| 502 | +} | |
| 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 | |
| 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 | +} | |
| 533 | +.wpbc_ag_working_time_custom { | |
| 534 | + display: none; | |
| 535 | + margin-top: 10px | |
| 536 | +} | |
| 537 | +.wpbc_ag_working_time_custom.is-visible { | |
| 538 | + display: block | |
| 539 | +} | |
| 401 | 540 | .wpbc_ag_scope_title { |
| 402 | 541 | color: #1d2327; |
| 403 | 542 | font-weight: 600; |
| 404 | 543 | margin-bottom: 4px |
| @@ -443,7 +582,14 @@ | ||
| 443 | 582 | .wpbc_ag_preview_controls select { |
| 444 | 583 | width: 100% |
| 445 | 584 | } |
| 446 | 585 | .wpbc_ag_weekday_grid { |
| 447 | - grid-template-columns: 1fr | |
| 586 | + gap: 3px; | |
| 587 | + grid-template-columns: repeat(7,minmax(0,1fr)) | |
| 588 | + } | |
| 589 | + .wpbc_ag_working_time_times { | |
| 590 | + gap: 4px | |
| 591 | + } | |
| 592 | + .wpbc_ag_working_time_times .wpbc_ag_field_control { | |
| 593 | + min-width: 0 | |
| 448 | 594 | } |
| 449 | 595 | } |