← All changes
|
includes/page-appointment-services/_out/appointment_services_page.css
+21
-12
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 | } |
| @@ -216,9 +222,9 @@ | ||
| 216 | 222 | --wpbc-listing-column-min-width: 120px; |
| 217 | 223 | width: var(--wpbc-listing-column-min-width) |
| 218 | 224 | } |
| 219 | 225 | .wpbc_appointment_services__table .column-price { |
| 220 | - --wpbc-listing-column-min-width: 80px; | |
| 226 | + --wpbc-listing-column-min-width: 115px; | |
| 221 | 227 | width: var(--wpbc-listing-column-min-width) |
| 222 | 228 | } |
| 223 | 229 | .wpbc_appointment_services__table .column-providers { |
| 224 | 230 | --wpbc-listing-column-min-width: 125px; |
| @@ -618,8 +624,14 @@ | ||
| 618 | 624 | padding-right: 4px; |
| 619 | 625 | text-align: center; |
| 620 | 626 | width: 36px |
| 621 | 627 | } |
| 628 | +.wpbc_appointment_services_page.is-inline-editing .wpbc_appointment_services__table .column-selection, | |
| 629 | +.wpbc_appointment_services_page.is-inline-editing .wpbc_appointment_services__table .wpbc_ui_listing__selection_column { | |
| 630 | + --wpbc-listing-column-min-width: 112px; | |
| 631 | + min-width: 112px; | |
| 632 | + width: 112px | |
| 633 | +} | |
| 622 | 634 | .wpbc_appointment_services__cards { |
| 623 | 635 | display: grid; |
| 624 | 636 | gap: 16px; |
| 625 | 637 | grid-template-columns: repeat(auto-fill,minmax(310px,1fr)); |
| @@ -866,13 +878,8 @@ | ||
| 866 | 878 | } |
| 867 | 879 | .wpbc_appointment_services__inline_number { |
| 868 | 880 | min-width: 82px |
| 869 | 881 | } |
| 870 | -.wpbc_appointment_services_page .wpbc_appointment_services__inline_toggle.is-active { | |
| 871 | - background: var(--wpbc_admin-theme-color,#2271b1); | |
| 872 | - border-color: var(--wpbc_admin-theme-color,#2271b1); | |
| 873 | - color: #fff | |
| 874 | -} | |
| 875 | 882 | .wpbc_appointment_services_page.is-inline-editing .wpbc_appointment_services__selection_summary:not(.wpbc_appointment_services__inline_bar) { |
| 876 | 883 | display: none!important |
| 877 | 884 | } |
| 878 | 885 | .wpbc_appointment_services_page.is-inline-editing .wpbc_appointment_services__item { |
| @@ -1020,15 +1027,17 @@ | ||
| 1020 | 1027 | max-width: none; |
| 1021 | 1028 | width: 100% |
| 1022 | 1029 | } |
| 1023 | 1030 | .wpbc_appointment_services__footer_actions { |
| 1024 | - -ms-flex-align: stretch; | |
| 1025 | - align-items: stretch; | |
| 1026 | 1031 | box-sizing: border-box; |
| 1027 | 1032 | display: -ms-flexbox; |
| 1028 | 1033 | display: flex; |
| 1029 | - -ms-flex-wrap: wrap; | |
| 1030 | - flex-wrap: wrap; | |
| 1034 | + -ms-flex-pack: end; | |
| 1035 | + justify-content: flex-end; | |
| 1036 | + -ms-flex-align: stretch; | |
| 1037 | + align-items: stretch; | |
| 1038 | + -ms-flex-flow: row wrap; | |
| 1039 | + flex-flow: row wrap; | |
| 1031 | 1040 | gap: 8px; |
| 1032 | 1041 | padding: 8px 18px; |
| 1033 | 1042 | width: 100% |
| 1034 | 1043 | } |
| @@ -1037,10 +1046,10 @@ | ||
| 1037 | 1046 | align-items: center; |
| 1038 | 1047 | box-sizing: border-box; |
| 1039 | 1048 | display: -ms-flexbox; |
| 1040 | 1049 | display: flex; |
| 1041 | - -ms-flex: 1 1 auto; | |
| 1042 | - flex: 1 1 auto; | |
| 1050 | + -ms-flex: 0 1 auto; | |
| 1051 | + flex: 0 1 auto; | |
| 1043 | 1052 | gap: 6px; |
| 1044 | 1053 | -ms-flex-pack: center; |
| 1045 | 1054 | justify-content: center; |
| 1046 | 1055 | margin: 0; |