| @@ -130,26 +130,197 @@ | ||
| 130 | 130 | } |
| 131 | 131 | .wpbc__container_place__footer_buttons .wpbc__form__div { |
| 132 | 132 | width: 100% |
| 133 | 133 | } |
| 134 | -.wpbc_setup_wizard_page__section_footer .wpbc_container .wpbc_button_light, | |
| 135 | -.wpbc_setup_wizard_page__section_footer .wpbc_container.wpbc_container_booking_form .wpbc_button_light { | |
| 136 | - padding: 0 1em; | |
| 137 | - line-height: 2.21; | |
| 138 | - -ms-flex-align: first baseline; | |
| 139 | - align-items: first baseline | |
| 134 | +.wpbc_setup_wizard_page__section_footer .wpbc_container .button { | |
| 135 | + display: -ms-inline-flexbox; | |
| 136 | + display: inline-flex; | |
| 137 | + -ms-flex-align: center; | |
| 138 | + align-items: center; | |
| 139 | + -ms-flex-pack: center; | |
| 140 | + justify-content: center | |
| 140 | 141 | } |
| 141 | -.wpbc_setup_wizard_page__section_footer .wpbc_container .wpbc_button_light .wpbc_spin { | |
| 142 | +.wpbc_setup_wizard_page__section_footer .wpbc_container .button .wpbc_spin { | |
| 142 | 143 | line-height: 50%; |
| 143 | 144 | -ms-flex-item-align: center; |
| 144 | 145 | align-self: center |
| 145 | 146 | } |
| 147 | +body.wpbc_admin_full_screen .wpbc_ajx_page__container { | |
| 148 | + padding-bottom: 50px | |
| 149 | +} | |
| 150 | +body.wpbc_admin_full_screen .wpbc_setup_wizard_page__section_footer { | |
| 151 | + position: fixed; | |
| 152 | + z-index: 100001; | |
| 153 | + right: 0; | |
| 154 | + bottom: 0; | |
| 155 | + left: 0; | |
| 156 | + box-sizing: border-box; | |
| 157 | + width: auto; | |
| 158 | + margin: 0; | |
| 159 | + padding: 12px 7.5vw; | |
| 160 | + background: #fff; | |
| 161 | + border-top: 1px solid #dcdcde; | |
| 162 | + box-shadow: 0 -3px 10px rgba(0,0,0,.08) | |
| 163 | +} | |
| 164 | +body.wpbc_admin_full_screen .wpbc_setup_wizard_page__section_footer .wpbc__container_place__footer_buttons { | |
| 165 | + margin-top: 0 | |
| 166 | +} | |
| 167 | +body.wpbc_admin_full_screen .wpbc_setup_wizard_page__section_footer .wpbc__form__div > hr { | |
| 168 | + display: none | |
| 169 | +} | |
| 170 | +.wpbc__row.wpbc_setup_wizard_page__section_footer .wpbc_container { | |
| 171 | + -ms-flex-pack: end; | |
| 172 | + justify-content: flex-end; | |
| 173 | + -ms-flex-item-align: center; | |
| 174 | + align-self: center | |
| 175 | +} | |
| 176 | +body.wpbc_admin_full_screen .wpbc_setup_wizard_page__section_footer div.wpbc__field { | |
| 177 | + margin: 0 | |
| 178 | +} | |
| 179 | +body.wpbc_admin_full_screen .wpbc_setup_wizard_navigation_row { | |
| 180 | + width: 100%; | |
| 181 | + -ms-flex-align: center; | |
| 182 | + align-items: center; | |
| 183 | + gap: 16px | |
| 184 | +} | |
| 185 | +body.wpbc_admin_full_screen .wpbc_setup_wizard_navigation_links { | |
| 186 | + -ms-flex: 1 1 280px; | |
| 187 | + flex: 1 1 280px; | |
| 188 | + display: -ms-flexbox; | |
| 189 | + display: flex; | |
| 190 | + -ms-flex-align: center; | |
| 191 | + align-items: center | |
| 192 | +} | |
| 193 | +body.wpbc_admin_full_screen .wpbc_setup_wizard_navigation_actions { | |
| 194 | + -ms-flex: 0 0 auto; | |
| 195 | + flex: 0 0 auto; | |
| 196 | + display: -ms-flexbox; | |
| 197 | + display: flex; | |
| 198 | + -ms-flex-align: center; | |
| 199 | + align-items: center; | |
| 200 | + -ms-flex-pack: end; | |
| 201 | + justify-content: flex-end; | |
| 202 | + margin-left: auto | |
| 203 | +} | |
| 204 | +body.wpbc_admin_full_screen .wpbc_setup_wizard_navigation_links .wpbc_exit_link_small { | |
| 205 | + margin: 0; | |
| 206 | + -ms-flex-flow: row wrap; | |
| 207 | + flex-flow: row wrap; | |
| 208 | + -ms-flex-pack: start; | |
| 209 | + justify-content: flex-start; | |
| 210 | + -ms-flex-align: center; | |
| 211 | + align-items: center; | |
| 212 | + gap: 6px 18px | |
| 213 | +} | |
| 214 | +body.wpbc_admin_full_screen .wpbc_setup_wizard_navigation_links .wpbc_exit_link_small a { | |
| 215 | + margin: 0; | |
| 216 | + font-size: 12px | |
| 217 | +} | |
| 218 | +body.wpbc_admin_full_screen .wpbc_setup_wizard_page__section_footer .button { | |
| 219 | + display: -ms-inline-flexbox; | |
| 220 | + display: inline-flex; | |
| 221 | + -ms-flex-align: center; | |
| 222 | + align-items: center; | |
| 223 | + -ms-flex-pack: center; | |
| 224 | + justify-content: center; | |
| 225 | + min-height: 40px; | |
| 226 | + padding: 0 16px; | |
| 227 | + font-size: 14px; | |
| 228 | + font-weight: 400; | |
| 229 | + line-height: 2.71428571 | |
| 230 | +} | |
| 231 | +body.wpbc_admin_full_screen .wpbc_setup_wizard_page__section_footer #btn__toolbar__buttons_prior { | |
| 232 | + margin-left: auto!important; | |
| 233 | + margin-right: 10px!important | |
| 234 | +} | |
| 235 | +body.wpbc_admin_full_screen .wpbc_setup_wizard_page__section_footer #btn__toolbar__buttons_next { | |
| 236 | + margin: 0!important | |
| 237 | +} | |
| 146 | 238 | @media screen and (max-width:782px) { |
| 147 | 239 | .wpbc__container_place__footer_buttons.wpbc_container.wpbc_container_booking_form { |
| 148 | 240 | -ms-flex: 1 1 100%; |
| 149 | 241 | flex: 1 1 100% |
| 150 | 242 | } |
| 243 | + body.wpbc_admin_full_screen .wpbc_setup_wizard_page__section_footer { | |
| 244 | + max-height: 45vh; | |
| 245 | + overflow-y: auto; | |
| 246 | + padding: 10px 12px max(10px,env(safe-area-inset-bottom)) | |
| 247 | + } | |
| 248 | + body.wpbc_admin_full_screen .wpbc_setup_wizard_page__section_footer .button { | |
| 249 | + min-height: 40px; | |
| 250 | + padding: 0 12px; | |
| 251 | + font-size: 13px | |
| 252 | + } | |
| 253 | + body.wpbc_admin_full_screen .wpbc_setup_wizard_navigation_row { | |
| 254 | + gap: 8px | |
| 255 | + } | |
| 256 | + body.wpbc_admin_full_screen .wpbc_setup_wizard_navigation_actions, | |
| 257 | + body.wpbc_admin_full_screen .wpbc_setup_wizard_navigation_links { | |
| 258 | + -ms-flex: 1 1 100%; | |
| 259 | + flex: 1 1 100% | |
| 260 | + } | |
| 151 | 261 | } |
| 262 | +.wpbc_setup_wizard_page_note { | |
| 263 | + font-size: 11px; | |
| 264 | + line-height: 2 | |
| 265 | +} | |
| 266 | +.wpbc__row.wpbc_setup_wizard_accept_send_row { | |
| 267 | + max-width: 100%; | |
| 268 | + -ms-flex-align: start; | |
| 269 | + align-items: flex-start | |
| 270 | +} | |
| 271 | +.wpbc__row.wpbc_setup_wizard_accept_send_row .wpbc__field.wpbc_setup_wizard_accept_send_actions .wpbc_exit_link_small a { | |
| 272 | + font-size: 11px | |
| 273 | +} | |
| 274 | +.wpbc_setup_wizard_accept_send_row > .wpbc__field:first-child { | |
| 275 | + -ms-flex: 1 1 440px; | |
| 276 | + flex: 1 1 440px | |
| 277 | +} | |
| 278 | +.wpbc_setup_wizard_accept_send_row .wpbc_setup_wizard_accept_send_actions { | |
| 279 | + -ms-flex: 1 1 50%!important; | |
| 280 | + flex: 1 1 50%!important; | |
| 281 | + margin: 0 | |
| 282 | +} | |
| 283 | +.wpbc_setup_wizard_accept_send_row .wpbc_setup_wizard_accept_send_actions .wpbc_exit_link_small { | |
| 284 | + margin: 0; | |
| 285 | + padding: 0; | |
| 286 | + -ms-flex-flow: row wrap; | |
| 287 | + flex-flow: row wrap; | |
| 288 | + gap: 10px; | |
| 289 | + -ms-flex-pack: end; | |
| 290 | + justify-content: flex-end; | |
| 291 | + -ms-flex-align: start; | |
| 292 | + align-items: flex-start | |
| 293 | +} | |
| 294 | +.wpbc_setup_wizard_page_container .wpbc_container_booking_form .wpbc__field .wpbc_ui_radio_choice label:not(.wpbc_static_text):hover { | |
| 295 | + display: inline | |
| 296 | +} | |
| 297 | +.wpbc_setup_wizard_accept_send_row .wpdev-list-item { | |
| 298 | + display: -ms-flexbox; | |
| 299 | + display: flex; | |
| 300 | + -ms-flex-align: start; | |
| 301 | + align-items: flex-start | |
| 302 | +} | |
| 303 | +.wpbc_setup_wizard_accept_send_row .wpdev-checkbox { | |
| 304 | + margin-top: 3px!important | |
| 305 | +} | |
| 306 | +div.wpbc_container.wpbc_form .wpbc_setup_wizard_accept_send_row .wpdev-list-item { | |
| 307 | + display: -ms-flexbox; | |
| 308 | + display: flex; | |
| 309 | + -ms-flex-flow: row nowrap; | |
| 310 | + flex-flow: row nowrap; | |
| 311 | + -ms-flex-align: start; | |
| 312 | + align-items: flex-start; | |
| 313 | + -ms-flex-pack: start; | |
| 314 | + justify-content: flex-start | |
| 315 | +} | |
| 316 | +div.wpbc_container.wpbc_form .wpbc_setup_wizard_accept_send_row .wpdev-list-item > input[type=checkbox] + .wpdev-list-item-label, | |
| 317 | +div.wpbc_container.wpbc_form .wpbc_setup_wizard_accept_send_row label.wpdev-list-item-label { | |
| 318 | + margin: 0; | |
| 319 | + font-size: 11px; | |
| 320 | + font-weight: 400; | |
| 321 | + line-height: 2 | |
| 322 | +} | |
| 152 | 323 | .wpbc_exit_link_small { |
| 153 | 324 | width: 100%; |
| 154 | 325 | display: -ms-flexbox; |
| 155 | 326 | display: flex; |
| @@ -156,10 +327,10 @@ | ||
| 156 | 327 | -ms-flex-flow: column wrap; |
| 157 | 328 | flex-flow: column wrap; |
| 158 | 329 | -ms-flex-pack: center; |
| 159 | 330 | justify-content: center; |
| 160 | - -ms-flex-align: center; | |
| 161 | - align-items: center | |
| 331 | + -ms-flex-align: start; | |
| 332 | + align-items: flex-start | |
| 162 | 333 | } |
| 163 | 334 | .wpbc_exit_link_small a { |
| 164 | 335 | font-size: 14px; |
| 165 | 336 | color: #888; |
| @@ -193,8 +364,13 @@ | ||
| 193 | 364 | } |
| 194 | 365 | div.wpbc_container.wpbc_form .wpbc_swp_section label { |
| 195 | 366 | margin: 15px 0 8px |
| 196 | 367 | } |
| 368 | +.wpbc_swp_section__welcome .wpbc_container_booking_form .wpbc__field label:not(.wpbc_static_text), | |
| 369 | +.wpbc_swp_section__welcome .wpbc_container_booking_form .wpbc__field label:not(.wpbc_static_text):hover { | |
| 370 | + display: -ms-inline-flexbox; | |
| 371 | + display: inline-flex | |
| 372 | +} | |
| 197 | 373 | .wpbc_widgets { |
| 198 | 374 | width: 100%; |
| 199 | 375 | display: -ms-flexbox; |
| 200 | 376 | display: flex; |
| @@ -293,8 +469,84 @@ | ||
| 293 | 469 | background: #595959; |
| 294 | 470 | box-shadow: 0 1px 3px #313131; |
| 295 | 471 | border: 0; |
| 296 | 472 | border-left: 4px solid #9580aa |
| 473 | +} | |
| 474 | +.wpbc_swp_section__bookings_types { | |
| 475 | + width: 100% | |
| 476 | +} | |
| 477 | +.wpbc_setup_wizard_page_container .wpbc_swp_section__bookings_types { | |
| 478 | + max-width: 960px | |
| 479 | +} | |
| 480 | +.wpbc_setup_mode_choices { | |
| 481 | + gap: 16px | |
| 482 | +} | |
| 483 | +.wpbc_setup_mode_choice { | |
| 484 | + display: -ms-flexbox; | |
| 485 | + display: flex; | |
| 486 | + -ms-flex: 1 1 260px; | |
| 487 | + flex: 1 1 260px; | |
| 488 | + max-width: 300px | |
| 489 | +} | |
| 490 | +.wpbc_setup_mode_choice > .wpbc_ui_radio_container { | |
| 491 | + width: 100%; | |
| 492 | + max-width: none; | |
| 493 | + margin: 10px 0 | |
| 494 | +} | |
| 495 | +.wpbc_setup_preferences_heading_row { | |
| 496 | + margin-top: 28px | |
| 497 | +} | |
| 498 | +.wpbc_swp_section h2.wpbc_setup_preferences_heading { | |
| 499 | + width: 100%; | |
| 500 | + margin-bottom: 0; | |
| 501 | + font-size: 24px; | |
| 502 | + font-weight: 600 | |
| 503 | +} | |
| 504 | +.wpbc_setup_booking_type_choices { | |
| 505 | + gap: 16px | |
| 506 | +} | |
| 507 | +.wpbc_setup_booking_type_choice { | |
| 508 | + display: -ms-flexbox; | |
| 509 | + display: flex; | |
| 510 | + -ms-flex: 1 1 420px; | |
| 511 | + flex: 1 1 420px; | |
| 512 | + max-width: 440px | |
| 513 | +} | |
| 514 | +.wpbc_setup_booking_type_choice > .wpbc_ui_radio_container { | |
| 515 | + width: 100%; | |
| 516 | + max-width: none; | |
| 517 | + margin: 10px 0 | |
| 518 | +} | |
| 519 | +.wpbc_setup_appointment_mode_configuration { | |
| 520 | + display: -ms-flexbox; | |
| 521 | + display: flex; | |
| 522 | + -ms-flex-pack: center; | |
| 523 | + justify-content: center; | |
| 524 | + width: 100% | |
| 525 | +} | |
| 526 | +.wpbc_setup_appointment_summary_plate { | |
| 527 | + width: 100%; | |
| 528 | + max-width: 440px; | |
| 529 | + margin: 10px 0; | |
| 530 | + background: #fff; | |
| 531 | + border-radius: 4px; | |
| 532 | + box-shadow: 0 0 0 2px var(--wp-admin-theme-color,#007cba) | |
| 533 | +} | |
| 534 | +.wpbc_setup_appointment_summary_copy { | |
| 535 | + padding: 16px | |
| 536 | +} | |
| 537 | +.wpbc_setup_appointment_summary_copy strong { | |
| 538 | + font-size: 15px | |
| 539 | +} | |
| 540 | +.wpbc_setup_appointment_summary_copy p { | |
| 541 | + margin: 8px 0 0 | |
| 542 | +} | |
| 543 | +.wpbc_setup_appointment_summary_plate .booking_timeslot_picker__get_on_off { | |
| 544 | + padding-top: 16px; | |
| 545 | + border-top: 1px solid #e8e8e8 | |
| 546 | +} | |
| 547 | +.wpbc_setup_appointment_summary_plate .booking_timeslot_picker__get_on_off select { | |
| 548 | + width: 100% | |
| 297 | 549 | } |
| 298 | 550 | .wpbc_container_booking_form .wpbc__field .wpbc_ui_booking_timeslot_picker__get_on_off__div { |
| 299 | 551 | padding-left: 15px |
| 300 | 552 | } |
