← All changes
|
includes/page-availability-general/_src/availability_general_page.css
+104
-7
11.0
→
11.8.4
View file →
| @@ -1,4 +1,4 @@ | ||
| 1 | 1 | /** |
| 2 | 2 | * General Availability admin page. |
| 3 | 3 | */ |
| 4 | 4 | |
| @@ -162,13 +162,34 @@ | ||
| 162 | 162 | max-width: 100%; |
| 163 | 163 | width: 100%; |
| 164 | 164 | } |
| 165 | 165 | |
| 166 | -.wpbc_ag_weekday_grid { | |
| 167 | - display: grid; | |
| 168 | - gap: 8px; | |
| 169 | - grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| 170 | -} | |
| 166 | +.wpbc_ag_weekday_grid { | |
| 167 | + align-items: start; | |
| 168 | + display: grid; | |
| 169 | + gap: 6px; | |
| 170 | + grid-template-columns: repeat(7, minmax(0, 1fr)); | |
| 171 | +} | |
| 172 | + | |
| 173 | +.wpbc_ag_weekday_grid .wpbc_ag_weekday_switch { | |
| 174 | + align-items: center; | |
| 175 | + flex-direction: column; | |
| 176 | + gap: 8px; | |
| 177 | + justify-content: flex-start; | |
| 178 | + min-height: 0; | |
| 179 | + min-width: 0; | |
| 180 | + padding: 6px 0 4px; | |
| 181 | + text-align: center; | |
| 182 | +} | |
| 183 | + | |
| 184 | +.wpbc_ag_weekday_grid .wpbc_ag_switch_label { | |
| 185 | + overflow-wrap: normal; | |
| 186 | + white-space: nowrap; | |
| 187 | +} | |
| 188 | + | |
| 189 | +.wpbc_ag_weekday_grid + .wpbc_ag_description { | |
| 190 | + margin-top: 20px; | |
| 191 | +} | |
| 171 | 192 | |
| 172 | 193 | .wpbc_ag_switch { |
| 173 | 194 | align-items: center; |
| 174 | 195 | background: var(--wpbc-ts-bg, #fff); |
| @@ -176,9 +197,11 @@ | ||
| 176 | 197 | cursor: pointer; |
| 177 | 198 | display: flex; |
| 178 | 199 | gap: 8px; |
| 179 | 200 | min-height: 36px; |
| 180 | - padding: 6px 8px; | |
| 201 | + padding: 6px 0; | |
| 202 | + flex: 0 1 auto; | |
| 203 | + min-width: 70px; | |
| 181 | 204 | } |
| 182 | 205 | |
| 183 | 206 | .wpbc_ag_switch input { |
| 184 | 207 | height: 1px; |
| @@ -416,8 +439,68 @@ | ||
| 416 | 439 | border-left: 4px solid #dba617; |
| 417 | 440 | margin: 0 0 12px; |
| 418 | 441 | } |
| 419 | 442 | |
| 443 | +.wpbc_ag_working_time_block { | |
| 444 | + /*background: var(--wpbc-ts-bg-soft, #f6f7f7);*/ | |
| 445 | + /*border: 1px solid var(--wpbc-ts-border, #dcdcde);*/ | |
| 446 | + border-radius: var(--wpbc-ts-radius, 6px); | |
| 447 | + margin: 10px 0 0; | |
| 448 | + /*padding: 10px;*/ | |
| 449 | +} | |
| 450 | + | |
| 451 | +.wpbc_ag_working_time_block.is-disabled { | |
| 452 | + opacity: 0.58; | |
| 453 | +} | |
| 454 | + | |
| 455 | +.wpbc_ag_working_time_block.is-disabled .wpbc_ag_description { | |
| 456 | + color: #8c8f94; | |
| 457 | +} | |
| 458 | + | |
| 459 | +.wpbc_ag_working_time_block h4 { | |
| 460 | + margin: 0 0 10px; | |
| 461 | +} | |
| 462 | + | |
| 463 | +.wpbc_ag_working_time_notice { | |
| 464 | + border-left-color: #5459ac; | |
| 465 | +} | |
| 466 | + | |
| 467 | +.wpbc_ag_working_time_rows { | |
| 468 | + display: grid; | |
| 469 | + gap: 8px; | |
| 470 | +} | |
| 471 | + | |
| 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 | +.wpbc_ag_working_time_custom { | |
| 495 | + display: none; | |
| 496 | + margin-top: 10px; | |
| 497 | +} | |
| 498 | + | |
| 499 | +.wpbc_ag_working_time_custom.is-visible { | |
| 500 | + display: block; | |
| 501 | +} | |
| 502 | + | |
| 420 | 503 | .wpbc_ag_scope_title { |
| 421 | 504 | color: #1d2327; |
| 422 | 505 | font-weight: 600; |
| 423 | 506 | margin-bottom: 4px; |
| @@ -469,9 +552,23 @@ | ||
| 469 | 552 | .wpbc_ag_preview_controls .button { |
| 470 | 553 | width: 100%; |
| 471 | 554 | } |
| 472 | 555 | |
| 473 | - .wpbc_ag_weekday_grid { | |
| 556 | + .wpbc_ag_weekday_grid { | |
| 557 | + gap: 3px; | |
| 558 | + grid-template-columns: repeat(7, minmax(0, 1fr)); | |
| 559 | + } | |
| 560 | + | |
| 561 | + .wpbc_ag_working_time_row { | |
| 474 | 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; | |
| 475 | 572 | } |
| 476 | 573 | |
| 477 | 574 | } |