← All changes
|
includes/page-appointment-services/_src/appointment_services_page.css
+18
-9
11.6
→
11.9
View file →
| @@ -1,4 +1,10 @@ | ||
| 1 | +.wpbc_ui_el__vert_right_bar__wrapper_opened .wpbc_appointment_services_page { | |
| 2 | + opacity: 20%; | |
| 3 | +} | |
| 4 | +.wpbc_admin .wpbc_ui_el__vert_right_bar__wrapper { | |
| 5 | + --wpbc_ui_left_vert_nav__width_max: Min(490px, 100%); | |
| 6 | +} | |
| 1 | 7 | .wpbc_appointment_services_page { |
| 2 | 8 | min-width: 0; |
| 3 | 9 | padding: 20px; |
| 4 | 10 | } |
| @@ -202,9 +208,9 @@ | ||
| 202 | 208 | --wpbc-listing-column-min-width: 120px; |
| 203 | 209 | width: var(--wpbc-listing-column-min-width); |
| 204 | 210 | } |
| 205 | 211 | .wpbc_appointment_services__table .column-price { |
| 206 | - --wpbc-listing-column-min-width: 80px; | |
| 212 | + --wpbc-listing-column-min-width: 115px; | |
| 207 | 213 | width: var(--wpbc-listing-column-min-width); |
| 208 | 214 | } |
| 209 | 215 | .wpbc_appointment_services__table .column-providers { |
| 210 | 216 | --wpbc-listing-column-min-width: 125px; |
| @@ -564,8 +570,15 @@ | ||
| 564 | 570 | padding-right: 4px; |
| 565 | 571 | text-align: center; |
| 566 | 572 | width: 36px; |
| 567 | 573 | } |
| 574 | + | |
| 575 | +.wpbc_appointment_services_page.is-inline-editing .wpbc_appointment_services__table .column-selection, | |
| 576 | +.wpbc_appointment_services_page.is-inline-editing .wpbc_appointment_services__table .wpbc_ui_listing__selection_column { | |
| 577 | + --wpbc-listing-column-min-width: 112px; | |
| 578 | + min-width: 112px; | |
| 579 | + width: 112px; | |
| 580 | +} | |
| 568 | 581 | .wpbc_appointment_services__cards { |
| 569 | 582 | display: grid; |
| 570 | 583 | gap: 16px; |
| 571 | 584 | grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); |
| @@ -782,13 +795,8 @@ | ||
| 782 | 795 | } |
| 783 | 796 | .wpbc_appointment_services__inline_number { |
| 784 | 797 | min-width: 82px; |
| 785 | 798 | } |
| 786 | -.wpbc_appointment_services_page .wpbc_appointment_services__inline_toggle.is-active { | |
| 787 | - background: var(--wpbc_admin-theme-color, #2271b1); | |
| 788 | - border-color: var(--wpbc_admin-theme-color, #2271b1); | |
| 789 | - color: #fff; | |
| 790 | -} | |
| 791 | 799 | .wpbc_appointment_services_page.is-inline-editing .wpbc_appointment_services__selection_summary:not(.wpbc_appointment_services__inline_bar) { |
| 792 | 800 | display: none !important; |
| 793 | 801 | } |
| 794 | 802 | .wpbc_appointment_services_page.is-inline-editing .wpbc_appointment_services__item { |
| @@ -913,12 +921,13 @@ | ||
| 913 | 921 | max-width: none; |
| 914 | 922 | width: 100%; |
| 915 | 923 | } |
| 916 | 924 | .wpbc_appointment_services__footer_actions { |
| 917 | - align-items: stretch; | |
| 918 | 925 | box-sizing: border-box; |
| 919 | 926 | display: flex; |
| 920 | - flex-wrap: wrap; | |
| 927 | + justify-content: flex-end; | |
| 928 | + align-items: stretch; | |
| 929 | + flex-flow: row wrap; | |
| 921 | 930 | gap: 8px; |
| 922 | 931 | padding: 8px 18px; |
| 923 | 932 | width: 100%; |
| 924 | 933 | } |
| @@ -925,9 +934,9 @@ | ||
| 925 | 934 | .wpbc_appointment_services__footer_actions .button { |
| 926 | 935 | align-items: center; |
| 927 | 936 | box-sizing: border-box; |
| 928 | 937 | display: flex; |
| 929 | - flex: 1 1 auto; | |
| 938 | + flex: 0 1 auto; | |
| 930 | 939 | gap: 6px; |
| 931 | 940 | justify-content: center; |
| 932 | 941 | margin: 0; |
| 933 | 942 | min-width: 0; |