← All changes
|
includes/page-appointment-services/_out/appointment_services_page.css
+591
-245
11.5
→
11.9
View file →
| @@ -1,5 +1,12 @@ | ||
| 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 { |
| 8 | + min-width: 0; | |
| 2 | 9 | padding: 20px |
| 3 | 10 | } |
| 4 | 11 | .wpbc_appointment_services__filters { |
| 5 | 12 | display: -ms-flexbox; |
| @@ -110,14 +117,79 @@ | ||
| 110 | 117 | position: absolute; |
| 111 | 118 | top: 5px |
| 112 | 119 | } |
| 113 | 120 | .wpbc_appointment_services__search input { |
| 114 | - padding-left: 38px | |
| 121 | + padding-left: 38px; | |
| 122 | + padding-right: 38px | |
| 115 | 123 | } |
| 124 | +.wpbc_appointment_services__search input[type=search]::-webkit-search-cancel-button { | |
| 125 | + appearance: none | |
| 126 | +} | |
| 127 | +.wpbc_appointment_services__search_clear { | |
| 128 | + -ms-flex-align: center; | |
| 129 | + align-items: center; | |
| 130 | + background: 0 0; | |
| 131 | + border: 0; | |
| 132 | + border-radius: 50%; | |
| 133 | + color: #646970; | |
| 134 | + cursor: pointer; | |
| 135 | + display: -ms-inline-flexbox; | |
| 136 | + display: inline-flex; | |
| 137 | + height: 28px; | |
| 138 | + -ms-flex-pack: center; | |
| 139 | + justify-content: center; | |
| 140 | + padding: 0; | |
| 141 | + position: absolute; | |
| 142 | + right: 5px; | |
| 143 | + top: 50%; | |
| 144 | + -ms-transform: translateY(-50%); | |
| 145 | + transform: translateY(-50%); | |
| 146 | + width: 28px | |
| 147 | +} | |
| 148 | +.wpbc_appointment_services__search_clear > span { | |
| 149 | + line-height: 1 | |
| 150 | +} | |
| 151 | +.wpbc_appointment_services__search_clear[hidden] { | |
| 152 | + display: none | |
| 153 | +} | |
| 154 | +.wpbc_appointment_services__search_clear:focus-visible, | |
| 155 | +.wpbc_appointment_services__search_clear:hover { | |
| 156 | + background: #f0f6fc; | |
| 157 | + color: var(--wpbc_admin-theme-color,#2271b1); | |
| 158 | + outline: 2px solid var(--wpbc_admin-theme-color,#2271b1); | |
| 159 | + outline-offset: -2px | |
| 160 | +} | |
| 161 | +body.rtl .wpbc_appointment_services__search > span { | |
| 162 | + left: auto; | |
| 163 | + right: 10px | |
| 164 | +} | |
| 165 | +body.rtl .wpbc_appointment_services__search input { | |
| 166 | + padding-left: 38px; | |
| 167 | + padding-right: 38px | |
| 168 | +} | |
| 169 | +body.rtl .wpbc_appointment_services__search_clear { | |
| 170 | + left: 5px; | |
| 171 | + right: auto | |
| 172 | +} | |
| 173 | +body.rtl .wpbc_appointment_services__status_filter { | |
| 174 | + border-left-width: 1px; | |
| 175 | + border-right-width: 0 | |
| 176 | +} | |
| 177 | +body.rtl .wpbc_appointment_services__status_filter:first-child { | |
| 178 | + border-radius: 0 4px 4px 0; | |
| 179 | + border-right-width: 1px | |
| 180 | +} | |
| 181 | +body.rtl .wpbc_appointment_services__status_filter:nth-of-type(4) { | |
| 182 | + border-radius: 4px 0 0 4px | |
| 183 | +} | |
| 116 | 184 | .wpbc_appointment_services__content { |
| 117 | 185 | min-height: 360px; |
| 118 | 186 | position: relative |
| 119 | 187 | } |
| 188 | +.wpbc_appointment_services__catalog_content { | |
| 189 | + min-height: 160px; | |
| 190 | + position: relative | |
| 191 | +} | |
| 120 | 192 | .wpbc_appointment_services__loading { |
| 121 | 193 | -ms-flex-align: center; |
| 122 | 194 | align-items: center; |
| 123 | 195 | background: rgba(255,255,255,.8); |
| @@ -136,60 +208,39 @@ | ||
| 136 | 208 | .wpbc_appointment_services__loading.is-visible { |
| 137 | 209 | opacity: 1; |
| 138 | 210 | pointer-events: auto |
| 139 | 211 | } |
| 140 | -.wpbc_appointment_services__list { | |
| 141 | - background: #fff; | |
| 142 | - border: 1px solid #dcdcde; | |
| 143 | - border-radius: 4px; | |
| 144 | - overflow: hidden | |
| 212 | +.wpbc_appointment_services__table .column-service { | |
| 213 | + --wpbc-listing-column-min-width: 280px; | |
| 214 | + --wpbc-listing-column-width: auto; | |
| 215 | + width: auto | |
| 145 | 216 | } |
| 146 | -.wpbc_appointment_services__table_wrap { | |
| 147 | - overflow-x: auto; | |
| 148 | - overflow-y: hidden; | |
| 149 | - overscroll-behavior-inline: contain; | |
| 150 | - scrollbar-width: thin; | |
| 151 | - -webkit-overflow-scrolling: touch | |
| 217 | +.wpbc_appointment_services__table .column-selection { | |
| 218 | + --wpbc-listing-column-min-width: 45px; | |
| 219 | + width: var(--wpbc-listing-column-min-width) | |
| 152 | 220 | } |
| 153 | -.wpbc_appointment_services__table { | |
| 154 | - border-collapse: collapse; | |
| 155 | - color: #2c3338; | |
| 156 | - min-width: 920px; | |
| 157 | - table-layout: fixed; | |
| 158 | - width: 100% | |
| 159 | -} | |
| 160 | -.wpbc_appointment_services__table td, | |
| 161 | -.wpbc_appointment_services__table th { | |
| 162 | - border-bottom: 1px solid #e5e5e5; | |
| 163 | - box-sizing: border-box; | |
| 164 | - padding: 13px 12px; | |
| 165 | - text-align: left; | |
| 166 | - vertical-align: middle | |
| 167 | -} | |
| 168 | -.wpbc_appointment_services__table th { | |
| 169 | - background: #fafafb; | |
| 170 | - color: #50575e; | |
| 171 | - font-size: 14px; | |
| 172 | - font-weight: 600; | |
| 173 | - height: 58px | |
| 174 | -} | |
| 175 | -.wpbc_appointment_services__table .column-service { | |
| 176 | - width: 29% | |
| 177 | -} | |
| 178 | 221 | .wpbc_appointment_services__table .column-duration { |
| 179 | - width: 120px | |
| 222 | + --wpbc-listing-column-min-width: 120px; | |
| 223 | + width: var(--wpbc-listing-column-min-width) | |
| 180 | 224 | } |
| 181 | 225 | .wpbc_appointment_services__table .column-price { |
| 182 | - width: 80px | |
| 226 | + --wpbc-listing-column-min-width: 115px; | |
| 227 | + width: var(--wpbc-listing-column-min-width) | |
| 183 | 228 | } |
| 184 | -.wpbc_appointment_services__table .column-providers, | |
| 229 | +.wpbc_appointment_services__table .column-providers { | |
| 230 | + --wpbc-listing-column-min-width: 125px; | |
| 231 | + width: var(--wpbc-listing-column-min-width) | |
| 232 | +} | |
| 185 | 233 | .wpbc_appointment_services__table .column-status { |
| 186 | - width: 125px | |
| 234 | + --wpbc-listing-column-min-width: 150px; | |
| 235 | + width: var(--wpbc-listing-column-min-width) | |
| 187 | 236 | } |
| 188 | 237 | .wpbc_appointment_services__table .column-actions { |
| 189 | - width: 70px | |
| 238 | + --wpbc-listing-column-min-width: 70px; | |
| 239 | + width: var(--wpbc-listing-column-min-width) | |
| 190 | 240 | } |
| 191 | 241 | .wpbc_appointment_services__table thead .column-weekdays { |
| 242 | + --wpbc-listing-column-min-width: 155px; | |
| 192 | 243 | padding: 8px 4px 6px; |
| 193 | 244 | text-align: center; |
| 194 | 245 | width: 155px |
| 195 | 246 | } |
| @@ -210,9 +261,18 @@ | ||
| 210 | 261 | } |
| 211 | 262 | .wpbc_appointment_services__weekday_labels i { |
| 212 | 263 | font-style: normal |
| 213 | 264 | } |
| 214 | -.wpbc_appointment_services__status_header, | |
| 265 | +.wpbc_appointment_services__status_header { | |
| 266 | + -ms-flex-align: center; | |
| 267 | + align-items: center; | |
| 268 | + display: -ms-flexbox; | |
| 269 | + display: flex; | |
| 270 | + -ms-flex-flow: row wrap; | |
| 271 | + flex-flow: row wrap; | |
| 272 | + gap: 2px; | |
| 273 | + width: 100% | |
| 274 | +} | |
| 215 | 275 | .wpbc_appointment_services__status_identity { |
| 216 | 276 | -ms-flex-align: center; |
| 217 | 277 | align-items: center; |
| 218 | 278 | display: -ms-flexbox; |
| @@ -223,15 +283,8 @@ | ||
| 223 | 283 | -ms-flex-pack: center; |
| 224 | 284 | justify-content: center; |
| 225 | 285 | width: 100% |
| 226 | 286 | } |
| 227 | -.wpbc_appointment_services__status_header .wpbc_ui_listing__sort_link { | |
| 228 | - padding-left: 0; | |
| 229 | - padding-right: 0 | |
| 230 | -} | |
| 231 | -.wpbc_appointment_services__id_sort { | |
| 232 | - font-size: 12px | |
| 233 | -} | |
| 234 | 287 | .wpbc_appointment_services__table tbody .column-weekdays { |
| 235 | 288 | padding-left: 4px; |
| 236 | 289 | padding-right: 4px; |
| 237 | 290 | text-align: center |
| @@ -236,24 +289,18 @@ | ||
| 236 | 289 | padding-right: 4px; |
| 237 | 290 | text-align: center |
| 238 | 291 | } |
| 239 | 292 | .wpbc_appointment_services__item { |
| 240 | - background: #fff; | |
| 241 | - cursor: pointer; | |
| 242 | - transition: background-color .12s ease-in-out | |
| 293 | + cursor: pointer | |
| 243 | 294 | } |
| 244 | -.wpbc_appointment_services__item:focus, | |
| 295 | +.wpbc_appointment_services__item:focus-visible, | |
| 245 | 296 | .wpbc_appointment_services__item:hover { |
| 246 | - background: #f0f6fc; | |
| 247 | - outline: 0 | |
| 297 | + background: #f6f7f7; | |
| 298 | + outline: transparent solid 2px | |
| 248 | 299 | } |
| 249 | 300 | .wpbc_appointment_services__item.is-selected { |
| 250 | - background: #f0f6fc; | |
| 251 | - box-shadow: inset 3px 0 var(--wpbc_admin-theme-color,#2271b1) | |
| 301 | + box-shadow: inset 3px 0 0 var(--wpbc_admin-theme-color,#2271b1) | |
| 252 | 302 | } |
| 253 | -.wpbc_appointment_services__item:last-child td { | |
| 254 | - border-bottom: 0 | |
| 255 | -} | |
| 256 | 303 | .wpbc_appointment_services__service_identity { |
| 257 | 304 | -ms-flex-align: center; |
| 258 | 305 | align-items: center; |
| 259 | 306 | display: -ms-flexbox; |
| @@ -264,8 +311,10 @@ | ||
| 264 | 311 | .wpbc_appointment_services__service_thumbnail { |
| 265 | 312 | -ms-flex-align: center; |
| 266 | 313 | align-items: center; |
| 267 | 314 | background: #f0f0f1; |
| 315 | + border: 2px solid #fff; | |
| 316 | + border-radius: 50%; | |
| 268 | 317 | box-sizing: border-box; |
| 269 | 318 | color: #8c8f94; |
| 270 | 319 | display: -ms-inline-flexbox; |
| 271 | 320 | display: inline-flex; |
| @@ -273,16 +322,16 @@ | ||
| 273 | 322 | flex: 0 0 40px; |
| 274 | 323 | height: 40px; |
| 275 | 324 | -ms-flex-pack: center; |
| 276 | 325 | justify-content: center; |
| 326 | + outline: #d4d4d7 solid 1px; | |
| 277 | 327 | overflow: hidden; |
| 278 | - width: 40px; | |
| 279 | - border: 2px solid #fff; | |
| 280 | - border-radius: 50%; | |
| 281 | - outline: #d4d4d7 solid 1px | |
| 328 | + width: 40px | |
| 282 | 329 | } |
| 283 | 330 | .wpbc_appointment_services__service_thumbnail img { |
| 331 | + display: block; | |
| 284 | 332 | height: 100%; |
| 333 | + max-width: none; | |
| 285 | 334 | object-fit: cover; |
| 286 | 335 | width: 100% |
| 287 | 336 | } |
| 288 | 337 | .wpbc_appointment_services__service_thumbnail:focus-visible { |
| @@ -290,23 +339,39 @@ | ||
| 290 | 339 | outline-offset: 2px |
| 291 | 340 | } |
| 292 | 341 | .wpbc_appointment_services__service_copy { |
| 293 | 342 | display: block; |
| 343 | + -ms-flex: 1 1 auto; | |
| 344 | + flex: 1 1 auto; | |
| 345 | + max-width: 100%; | |
| 346 | + min-width: 0; | |
| 347 | + overflow: hidden | |
| 348 | +} | |
| 349 | +.wpbc_appointment_services__inline_identity_fields { | |
| 350 | + display: -ms-flexbox; | |
| 351 | + display: flex; | |
| 352 | + -ms-flex: 1 1 auto; | |
| 353 | + flex: 1 1 auto; | |
| 354 | + -ms-flex-direction: column; | |
| 355 | + flex-direction: column; | |
| 356 | + gap: 6px; | |
| 294 | 357 | min-width: 0 |
| 295 | 358 | } |
| 296 | -.wpbc_appointment_services__item .wpbc_appointment_services__service_copy > span, | |
| 297 | -.wpbc_appointment_services__item .wpbc_appointment_services__service_copy strong { | |
| 359 | +.wpbc_appointment_services__service_copy > .wpbc_ui_listing__item_description, | |
| 360 | +.wpbc_appointment_services__service_copy > .wpbc_ui_listing__item_title { | |
| 298 | 361 | display: block; |
| 362 | + max-width: 100%; | |
| 363 | + min-width: 0; | |
| 299 | 364 | overflow: hidden; |
| 300 | 365 | text-overflow: ellipsis; |
| 301 | 366 | white-space: nowrap |
| 302 | 367 | } |
| 303 | -.wpbc_appointment_services__item .wpbc_appointment_services__service_copy strong { | |
| 368 | +.wpbc_appointment_services__item .wpbc_appointment_services__service_copy > .wpbc_ui_listing__item_title { | |
| 304 | 369 | color: #1d2327; |
| 305 | 370 | font-size: 14px; |
| 306 | 371 | margin-bottom: 4px |
| 307 | 372 | } |
| 308 | -.wpbc_appointment_services__item .wpbc_appointment_services__service_copy > span { | |
| 373 | +.wpbc_appointment_services__item .wpbc_appointment_services__service_copy > .wpbc_ui_listing__item_description { | |
| 309 | 374 | color: #646970; |
| 310 | 375 | font-size: 11px |
| 311 | 376 | } |
| 312 | 377 | .wpbc_appointment_services__item .column-duration, |
| @@ -500,48 +565,8 @@ | ||
| 500 | 565 | .wpbc_appointment_services__item .column-actions button:hover { |
| 501 | 566 | color: var(--wpbc_admin-theme-color,#2271b1); |
| 502 | 567 | outline: 0 |
| 503 | 568 | } |
| 504 | -.wpbc_appointment_services__list_footer { | |
| 505 | - -ms-flex-align: center; | |
| 506 | - align-items: center; | |
| 507 | - background: #fafafb; | |
| 508 | - border-top: 1px solid #dcdcde; | |
| 509 | - color: #646970; | |
| 510 | - display: -ms-flexbox; | |
| 511 | - display: flex; | |
| 512 | - font-size: 12px; | |
| 513 | - -ms-flex-pack: justify; | |
| 514 | - justify-content: space-between; | |
| 515 | - min-height: 48px; | |
| 516 | - padding: 6px 12px | |
| 517 | -} | |
| 518 | -.wpbc_appointment_services__list_footer[hidden] { | |
| 519 | - display: none | |
| 520 | -} | |
| 521 | -.wpbc_appointment_services__pagination { | |
| 522 | - -ms-flex-align: center; | |
| 523 | - align-items: center; | |
| 524 | - display: -ms-flexbox; | |
| 525 | - display: flex; | |
| 526 | - gap: 8px | |
| 527 | -} | |
| 528 | -.wpbc_appointment_services__pagination .button { | |
| 529 | - -ms-flex-align: center; | |
| 530 | - align-items: center; | |
| 531 | - display: -ms-inline-flexbox; | |
| 532 | - display: inline-flex; | |
| 533 | - height: 30px; | |
| 534 | - -ms-flex-pack: center; | |
| 535 | - justify-content: center; | |
| 536 | - min-height: 30px; | |
| 537 | - padding: 0; | |
| 538 | - width: 32px | |
| 539 | -} | |
| 540 | -.wpbc_appointment_services__page_label { | |
| 541 | - min-width: 82px; | |
| 542 | - text-align: center | |
| 543 | -} | |
| 544 | 569 | .wpbc_appointment_services__empty { |
| 545 | 570 | color: #646970; |
| 546 | 571 | display: -ms-flexbox; |
| 547 | 572 | display: flex; |
| @@ -576,115 +601,362 @@ | ||
| 576 | 601 | box-sizing: border-box; |
| 577 | 602 | min-height: 240px; |
| 578 | 603 | padding: 30px |
| 579 | 604 | } |
| 580 | -.wpbc_appointment_services__rightbar .inspector__control, | |
| 581 | -.wpbc_appointment_services__rightbar .inspector__input { | |
| 605 | +.wpbc_appointment_services__empty--error > span { | |
| 606 | + color: #b32d2e | |
| 607 | +} | |
| 608 | +.wpbc_appointment_services__table--compact td, | |
| 609 | +.wpbc_appointment_services__table--compact th { | |
| 610 | + padding-bottom: 8px; | |
| 611 | + padding-top: 8px | |
| 612 | +} | |
| 613 | +.wpbc_appointment_services__table--compact .wpbc_appointment_services__service_thumbnail { | |
| 614 | + -ms-flex-preferred-size: 36px; | |
| 615 | + flex-basis: 36px; | |
| 616 | + height: 36px; | |
| 617 | + width: 36px | |
| 618 | +} | |
| 619 | +.wpbc_appointment_services__table .column-selection, | |
| 620 | +.wpbc_appointment_services__table .wpbc_ui_listing__selection_column { | |
| 582 | 621 | box-sizing: border-box; |
| 583 | - max-width: none; | |
| 584 | - width: 100% | |
| 622 | + min-width: 36px; | |
| 623 | + padding-left: 4px; | |
| 624 | + padding-right: 4px; | |
| 625 | + text-align: center; | |
| 626 | + width: 36px | |
| 585 | 627 | } |
| 586 | -.wpbc_appointment_services__footer_actions { | |
| 587 | - -ms-flex-align: stretch; | |
| 588 | - align-items: stretch; | |
| 589 | - box-sizing: border-box; | |
| 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 | +} | |
| 634 | +.wpbc_appointment_services__cards { | |
| 635 | + display: grid; | |
| 636 | + gap: 16px; | |
| 637 | + grid-template-columns: repeat(auto-fill,minmax(310px,1fr)); | |
| 638 | + padding: 16px | |
| 639 | +} | |
| 640 | +.wpbc_appointment_services__cards_header { | |
| 641 | + background: #fff; | |
| 642 | + border-block-end: 1px solid #dcdcde; | |
| 643 | + padding: 12px 16px | |
| 644 | +} | |
| 645 | +.wpbc_appointment_services__cards_header_controls { | |
| 646 | + -ms-flex-align: center; | |
| 647 | + align-items: center; | |
| 590 | 648 | display: -ms-flexbox; |
| 591 | 649 | display: flex; |
| 592 | - -ms-flex-wrap: wrap; | |
| 593 | - flex-wrap: wrap; | |
| 594 | - gap: 8px; | |
| 595 | - padding: 8px 18px; | |
| 596 | - width: 100% | |
| 650 | + -ms-flex-flow: row wrap; | |
| 651 | + flex-flow: row wrap; | |
| 652 | + gap: 12px; | |
| 653 | + -ms-flex-pack: justify; | |
| 654 | + justify-content: space-between | |
| 597 | 655 | } |
| 598 | -.wpbc_appointment_services__footer_actions .button { | |
| 656 | +.wpbc_appointment_services__cards_select_all { | |
| 599 | 657 | -ms-flex-align: center; |
| 600 | 658 | align-items: center; |
| 659 | + cursor: pointer; | |
| 660 | + display: -ms-inline-flexbox; | |
| 661 | + display: inline-flex; | |
| 662 | + gap: 7px; | |
| 663 | + margin: 0 | |
| 664 | +} | |
| 665 | +.wpbc_appointment_services__cards_select_all input { | |
| 666 | + margin: 0 | |
| 667 | +} | |
| 668 | +.wpbc_appointment_services__cards_sort { | |
| 669 | + -ms-flex-align: center; | |
| 670 | + align-items: center; | |
| 671 | + display: -ms-flexbox; | |
| 672 | + display: flex; | |
| 673 | + -ms-flex-flow: row wrap; | |
| 674 | + flex-flow: row wrap; | |
| 675 | + gap: 8px | |
| 676 | +} | |
| 677 | +.wpbc_appointment_services__cards_sort > span { | |
| 678 | + color: #646970; | |
| 679 | + font-size: 12px | |
| 680 | +} | |
| 681 | +.wpbc_appointment_services__cards_sort a { | |
| 682 | + -ms-flex-align: center; | |
| 683 | + align-items: center; | |
| 684 | + border-radius: 3px; | |
| 685 | + display: -ms-inline-flexbox; | |
| 686 | + display: inline-flex; | |
| 687 | + gap: 4px; | |
| 688 | + padding: 5px 7px; | |
| 689 | + text-decoration: none | |
| 690 | +} | |
| 691 | +.wpbc_appointment_services__cards_sort a.is-active { | |
| 692 | + background: #f0f6fc; | |
| 693 | + font-weight: 600 | |
| 694 | +} | |
| 695 | +.wpbc_appointment_services__card { | |
| 696 | + background: #fff; | |
| 697 | + border: 1px solid #dcdcde; | |
| 698 | + border-radius: 5px; | |
| 699 | + box-shadow: 0 1px 2px rgba(0,0,0,.04); | |
| 601 | 700 | box-sizing: border-box; |
| 602 | 701 | display: -ms-flexbox; |
| 603 | 702 | display: flex; |
| 604 | - -ms-flex: 1 1 auto; | |
| 605 | - flex: 1 1 auto; | |
| 606 | - gap: 6px; | |
| 607 | - -ms-flex-pack: center; | |
| 608 | - justify-content: center; | |
| 609 | - margin: 0; | |
| 610 | - min-width: 0 | |
| 703 | + -ms-flex-direction: column; | |
| 704 | + flex-direction: column; | |
| 705 | + min-height: 420px; | |
| 706 | + overflow: hidden; | |
| 707 | + padding: 0; | |
| 708 | + position: relative | |
| 611 | 709 | } |
| 612 | -.wpbc_appointment_services__footer_actions .button[hidden], | |
| 613 | -.wpbc_appointment_services__footer_actions[hidden], | |
| 614 | -.wpbc_appointment_services__right_sidebar_footer[hidden] { | |
| 615 | - display: none | |
| 710 | +.wpbc_appointment_services__card:focus-visible, | |
| 711 | +.wpbc_appointment_services__card:hover { | |
| 712 | + border-color: var(--wpbc_admin-theme-color,#2271b1); | |
| 713 | + box-shadow: 0 0 0 1px var(--wpbc_admin-theme-color,#2271b1) | |
| 616 | 714 | } |
| 617 | -@keyframes wpbc_appointment_services__focus_pulse { | |
| 618 | - 0% { | |
| 619 | - box-shadow: 0 0 0 4px rgba(34,113,177,.3) | |
| 715 | +.wpbc_appointment_services__card.is-inspector-selected, | |
| 716 | +.wpbc_appointment_services__card.is-selected, | |
| 717 | +.wpbc_appointment_services__item.is-inspector-selected, | |
| 718 | +.wpbc_appointment_services__item.is-selected { | |
| 719 | + background: #f0f6fc; | |
| 720 | + border-color: var(--wpbc_admin-theme-color,#2271b1); | |
| 721 | + box-shadow: inset 3px 0 0 var(--wpbc_admin-theme-color,#2271b1) | |
| 722 | +} | |
| 723 | +body.rtl .wpbc_appointment_services__card.is-inspector-selected, | |
| 724 | +body.rtl .wpbc_appointment_services__card.is-selected, | |
| 725 | +body.rtl .wpbc_appointment_services__item.is-inspector-selected, | |
| 726 | +body.rtl .wpbc_appointment_services__item.is-selected { | |
| 727 | + box-shadow: inset -3px 0 0 var(--wpbc_admin-theme-color,#2271b1) | |
| 728 | +} | |
| 729 | +.wpbc_appointment_services__item.is-recently-saved { | |
| 730 | + animation: 2.8s ease-out wpbc-appointment-service-saved-border | |
| 731 | +} | |
| 732 | +.wpbc_appointment_services__item.is-recently-saved > td { | |
| 733 | + animation: 2.8s ease-out wpbc-appointment-service-saved-background | |
| 734 | +} | |
| 735 | +.wpbc_appointment_services__card.is-recently-saved { | |
| 736 | + animation: 2.8s ease-out wpbc-appointment-service-saved-card | |
| 737 | +} | |
| 738 | +@keyframes wpbc-appointment-service-saved-border { | |
| 739 | + 0%, | |
| 740 | + 45% { | |
| 741 | + box-shadow: inset 3px 0 #00a32a | |
| 620 | 742 | } |
| 621 | 743 | 100% { |
| 622 | - box-shadow: 0 0 0 0 transparent | |
| 744 | + box-shadow: inset 3px 0 transparent | |
| 623 | 745 | } |
| 624 | 746 | } |
| 625 | -.wpbc_appointment_services__focus_pulse { | |
| 626 | - animation: .8s ease-out wpbc_appointment_services__focus_pulse; | |
| 627 | - position: relative | |
| 747 | +@keyframes wpbc-appointment-service-saved-background { | |
| 748 | + 0%, | |
| 749 | + 45% { | |
| 750 | + background: #edfaef | |
| 751 | + } | |
| 752 | + 100% { | |
| 753 | + background: 0 0 | |
| 754 | + } | |
| 628 | 755 | } |
| 629 | -@media (prefers-reduced-motion:reduce) { | |
| 630 | - .wpbc_appointment_services__focus_pulse { | |
| 631 | - animation: none; | |
| 632 | - outline: 2px solid var(--wpbc_admin-theme-color,#2271b1); | |
| 633 | - outline-offset: -2px | |
| 756 | +@keyframes wpbc-appointment-service-saved-card { | |
| 757 | + 0%, | |
| 758 | + 45% { | |
| 759 | + background: #edfaef; | |
| 760 | + border-color: #00a32a; | |
| 761 | + box-shadow: inset 3px 0 #00a32a | |
| 634 | 762 | } |
| 763 | + 100% { | |
| 764 | + background: #fff; | |
| 765 | + border-color: #dcdcde; | |
| 766 | + box-shadow: inset 3px 0 transparent | |
| 767 | + } | |
| 635 | 768 | } |
| 636 | -.wpbc_appointment_services__status_options { | |
| 769 | +.wpbc_appointment_services__card_media { | |
| 770 | + -ms-flex-align: center; | |
| 771 | + align-items: center; | |
| 772 | + background: #f0f0f1; | |
| 773 | + color: #8c8f94; | |
| 637 | 774 | display: -ms-flexbox; |
| 638 | 775 | display: flex; |
| 639 | - -ms-flex-direction: column; | |
| 640 | - flex-direction: column; | |
| 641 | - gap: 8px | |
| 776 | + height: 170px; | |
| 777 | + -ms-flex-pack: center; | |
| 778 | + justify-content: center; | |
| 779 | + overflow: hidden; | |
| 780 | + position: relative | |
| 642 | 781 | } |
| 643 | -.wpbc_appointment_services__status_options label { | |
| 782 | +.wpbc_appointment_services__card_media > img { | |
| 783 | + display: block; | |
| 784 | + height: 100%; | |
| 785 | + max-width: none; | |
| 786 | + object-fit: cover; | |
| 787 | + width: 100% | |
| 788 | +} | |
| 789 | +.wpbc_appointment_services__card_media.has-placeholder > span { | |
| 790 | + font-size: 44px | |
| 791 | +} | |
| 792 | +.wpbc_appointment_services__card_select { | |
| 644 | 793 | -ms-flex-align: center; |
| 645 | 794 | align-items: center; |
| 646 | - cursor: pointer; | |
| 795 | + background: rgba(255,255,255,.82); | |
| 796 | + border-radius: 50%; | |
| 647 | 797 | display: -ms-flexbox; |
| 648 | 798 | display: flex; |
| 649 | - gap: 7px; | |
| 650 | - line-height: 1.35; | |
| 799 | + height: 42px; | |
| 800 | + -ms-flex-pack: center; | |
| 801 | + justify-content: center; | |
| 802 | + left: 14px; | |
| 803 | + position: absolute; | |
| 804 | + top: 14px; | |
| 805 | + width: 42px; | |
| 806 | + z-index: 2 | |
| 807 | +} | |
| 808 | +.wpbc_appointment_services__card_select input[type=checkbox] { | |
| 651 | 809 | margin: 0 |
| 652 | 810 | } |
| 653 | -.wpbc_appointment_services__status_options input[type=radio] { | |
| 811 | +body.rtl .wpbc_appointment_services__card_select { | |
| 812 | + left: auto; | |
| 813 | + right: 14px | |
| 814 | +} | |
| 815 | +.wpbc_appointment_services__card_identity { | |
| 816 | + border-bottom: 1px solid #f0f0f1; | |
| 817 | + margin: 0 16px 12px; | |
| 818 | + padding: 12px 0 | |
| 819 | +} | |
| 820 | +.wpbc_appointment_services__card_identity .wpbc_appointment_services__service_thumbnail { | |
| 821 | + margin-top: -34px; | |
| 822 | + position: relative; | |
| 823 | + z-index: 1 | |
| 824 | +} | |
| 825 | +.wpbc_appointment_services__card_fields { | |
| 826 | + display: grid; | |
| 827 | + gap: 10px; | |
| 828 | + grid-template-columns: repeat(2,minmax(0,1fr)); | |
| 829 | + padding: 0 16px 16px | |
| 830 | +} | |
| 831 | +.wpbc_appointment_services__card_field { | |
| 832 | + border: 1px solid #f0f0f1; | |
| 833 | + border-radius: 4px; | |
| 834 | + box-sizing: border-box; | |
| 835 | + min-width: 0; | |
| 836 | + padding: 10px | |
| 837 | +} | |
| 838 | +.wpbc_appointment_services__card_field > span { | |
| 839 | + color: #646970; | |
| 840 | + display: block; | |
| 841 | + font-size: 11px; | |
| 842 | + margin-bottom: 7px | |
| 843 | +} | |
| 844 | +.wpbc_appointment_services__card_actions { | |
| 845 | + border-top: 1px solid #f0f0f1; | |
| 846 | + margin: auto 0 0; | |
| 847 | + padding: 12px 16px; | |
| 848 | + text-align: right | |
| 849 | +} | |
| 850 | +body.rtl .wpbc_appointment_services__card_actions { | |
| 851 | + text-align: left | |
| 852 | +} | |
| 853 | +.wpbc_appointment_services__card .wpbc_appointment_services__availability_week { | |
| 854 | + min-width: min(130px,100%) | |
| 855 | +} | |
| 856 | +.wpbc_appointment_services__inline_input, | |
| 857 | +.wpbc_appointment_services__inline_number, | |
| 858 | +.wpbc_appointment_services__inline_textarea { | |
| 859 | + box-sizing: border-box; | |
| 860 | + margin: 0!important; | |
| 861 | + max-width: 100%; | |
| 862 | + width: 100% | |
| 863 | +} | |
| 864 | +.wpbc_appointment_services__inline_field { | |
| 865 | + display: block; | |
| 866 | + min-width: 0; | |
| 867 | + width: 100% | |
| 868 | +} | |
| 869 | +.wpbc_appointment_services__inline_identity_fields .wpbc_appointment_services__inline_field + .wpbc_appointment_services__inline_field { | |
| 870 | + margin-top: 6px | |
| 871 | +} | |
| 872 | +.wpbc_appointment_services__inline_input { | |
| 873 | + font-weight: 600 | |
| 874 | +} | |
| 875 | +.wpbc_appointment_services__inline_textarea { | |
| 876 | + min-height: 68px; | |
| 877 | + resize: vertical | |
| 878 | +} | |
| 879 | +.wpbc_appointment_services__inline_number { | |
| 880 | + min-width: 82px | |
| 881 | +} | |
| 882 | +.wpbc_appointment_services_page.is-inline-editing .wpbc_appointment_services__selection_summary:not(.wpbc_appointment_services__inline_bar) { | |
| 883 | + display: none!important | |
| 884 | +} | |
| 885 | +.wpbc_appointment_services_page.is-inline-editing .wpbc_appointment_services__item { | |
| 886 | + cursor: default | |
| 887 | +} | |
| 888 | +.wpbc_appointment_services__inline_bar_status { | |
| 889 | + -ms-flex-align: baseline; | |
| 890 | + align-items: baseline; | |
| 891 | + display: -ms-flexbox; | |
| 892 | + display: flex; | |
| 893 | + -ms-flex: 1 1 420px; | |
| 894 | + flex: 1 1 420px; | |
| 895 | + -ms-flex-flow: row wrap; | |
| 896 | + flex-flow: row wrap; | |
| 897 | + gap: 5px 12px; | |
| 898 | + min-width: 0 | |
| 899 | +} | |
| 900 | +.wpbc_appointment_services__inline_bar_status strong { | |
| 901 | + color: #1d2327 | |
| 902 | +} | |
| 903 | +.wpbc_appointment_services__inline_bar_status .description { | |
| 904 | + -ms-flex: 1 1 100%; | |
| 905 | + flex: 1 1 100%; | |
| 654 | 906 | margin: 0 |
| 655 | 907 | } |
| 656 | -.wpbc_appointment_services__number_control { | |
| 908 | +.wpbc_appointment_services__inline_bar_actions { | |
| 909 | + -ms-flex: 0 0 auto; | |
| 910 | + flex: 0 0 auto | |
| 911 | +} | |
| 912 | +.wpbc_appointment_services__operation { | |
| 913 | + box-sizing: border-box; | |
| 914 | + padding: 16px 18px 28px | |
| 915 | +} | |
| 916 | +.wpbc_appointment_services__operation > h2 { | |
| 917 | + font-size: 18px; | |
| 918 | + margin: 0 0 8px | |
| 919 | +} | |
| 920 | +.wpbc_appointment_services__bulk_field { | |
| 921 | + background: #fff; | |
| 922 | + border: 1px solid #dcdcde; | |
| 923 | + border-radius: 5px; | |
| 924 | + box-sizing: border-box; | |
| 657 | 925 | display: -ms-flexbox; |
| 658 | 926 | display: flex; |
| 659 | 927 | -ms-flex-direction: column; |
| 660 | 928 | flex-direction: column; |
| 661 | - gap: 8px; | |
| 662 | - width: 100% | |
| 929 | + gap: 10px; | |
| 930 | + margin: 12px 0; | |
| 931 | + padding: 14px | |
| 663 | 932 | } |
| 664 | -.wpbc_appointment_services__number_slider { | |
| 933 | +.wpbc_appointment_services__bulk_field > span { | |
| 934 | + -ms-flex-align: center; | |
| 935 | + align-items: center; | |
| 936 | + display: -ms-flexbox; | |
| 937 | + display: flex; | |
| 938 | + gap: 8px | |
| 939 | +} | |
| 940 | +.wpbc_appointment_services__bulk_field input:not([type=checkbox]), | |
| 941 | +.wpbc_appointment_services__bulk_field select { | |
| 665 | 942 | box-sizing: border-box; |
| 666 | - cursor: pointer; | |
| 667 | - margin: 0; | |
| 668 | - min-height: 20px; | |
| 669 | - padding: 0; | |
| 670 | 943 | width: 100% |
| 671 | 944 | } |
| 672 | -.wpbc_appointment_services__number_slider:disabled { | |
| 673 | - cursor: default; | |
| 674 | - opacity: .55 | |
| 945 | +.wpbc_appointment_services__bulk_field input[type=range] { | |
| 946 | + margin: 0 | |
| 675 | 947 | } |
| 676 | 948 | .wpbc_appointment_services__media { |
| 677 | - margin-bottom: 8px; | |
| 949 | + -ms-flex-align: start; | |
| 950 | + align-items: flex-start; | |
| 678 | 951 | display: -ms-flexbox; |
| 679 | 952 | display: flex; |
| 680 | - -ms-flex-align: start; | |
| 681 | - align-items: flex-start; | |
| 682 | 953 | -ms-flex-flow: row wrap; |
| 683 | 954 | flex-flow: row wrap; |
| 955 | + gap: 10px; | |
| 684 | 956 | -ms-flex-pack: justify; |
| 685 | 957 | justify-content: space-between; |
| 686 | - gap: 10px | |
| 958 | + margin-bottom: 8px | |
| 687 | 959 | } |
| 688 | 960 | .wpbc_appointment_services__media_preview { |
| 689 | 961 | -ms-flex-align: center; |
| 690 | 962 | align-items: center; |
| @@ -696,21 +968,23 @@ | ||
| 696 | 968 | color: #507593; |
| 697 | 969 | cursor: pointer; |
| 698 | 970 | display: -ms-flexbox; |
| 699 | 971 | display: flex; |
| 972 | + -ms-flex: 1 1 100%; | |
| 973 | + flex: 1 1 100%; | |
| 974 | + height: 140px; | |
| 700 | 975 | -ms-flex-pack: center; |
| 701 | 976 | justify-content: center; |
| 702 | 977 | margin: 0 0 12px; |
| 978 | + max-height: 140px; | |
| 979 | + min-height: 140px; | |
| 703 | 980 | overflow: hidden; |
| 704 | 981 | padding: 4px; |
| 705 | - width: 100%; | |
| 706 | - -ms-flex: 1 1 100%; | |
| 707 | - flex: 1 1 100%; | |
| 708 | - height: 140px | |
| 982 | + width: 100% | |
| 709 | 983 | } |
| 710 | 984 | .wpbc_appointment_services__media_preview:focus-visible { |
| 711 | - border-color: #2271b1; | |
| 712 | - box-shadow: 0 0 0 1px #2271b1; | |
| 985 | + border-color: var(--wpbc_admin-theme-color,#2271b1); | |
| 986 | + box-shadow: 0 0 0 1px var(--wpbc_admin-theme-color,#2271b1); | |
| 713 | 987 | outline: transparent solid 2px |
| 714 | 988 | } |
| 715 | 989 | .wpbc_appointment_services__media_preview:disabled { |
| 716 | 990 | cursor: default; |
| @@ -716,9 +990,11 @@ | ||
| 716 | 990 | cursor: default; |
| 717 | 991 | opacity: .65 |
| 718 | 992 | } |
| 719 | 993 | .wpbc_appointment_services__media_image { |
| 994 | + display: block; | |
| 720 | 995 | height: 100%; |
| 996 | + max-width: none; | |
| 721 | 997 | object-fit: cover; |
| 722 | 998 | width: 100% |
| 723 | 999 | } |
| 724 | 1000 | .wpbc_appointment_services__media_image[hidden], |
| @@ -728,26 +1004,122 @@ | ||
| 728 | 1004 | .wpbc_appointment_services__media_placeholder::before { |
| 729 | 1005 | font-size: 50px |
| 730 | 1006 | } |
| 731 | 1007 | .wpbc_appointment_services__media_actions { |
| 732 | - -ms-flex-pack: center; | |
| 733 | - justify-content: center; | |
| 734 | - width: 100%; | |
| 1008 | + -ms-flex-align: stretch; | |
| 1009 | + align-items: stretch; | |
| 1010 | + display: -ms-flexbox; | |
| 1011 | + display: flex; | |
| 735 | 1012 | -ms-flex: 1 1 auto; |
| 736 | 1013 | flex: 1 1 auto; |
| 737 | - display: -ms-flexbox; | |
| 738 | - display: flex; | |
| 739 | 1014 | -ms-flex-flow: row wrap; |
| 740 | 1015 | flex-flow: row wrap; |
| 741 | - -ms-flex-align: stretch; | |
| 742 | - align-items: stretch; | |
| 1016 | + gap: 8px; | |
| 743 | 1017 | -ms-flex-pack: start; |
| 744 | 1018 | justify-content: flex-start; |
| 745 | - gap: 8px | |
| 1019 | + width: 100% | |
| 746 | 1020 | } |
| 747 | 1021 | .wpbc_appointment_services__picture_row .wpbc_bfb__help { |
| 748 | 1022 | margin-bottom: 0 |
| 749 | 1023 | } |
| 1024 | +.wpbc_appointment_services__rightbar .inspector__control, | |
| 1025 | +.wpbc_appointment_services__rightbar .inspector__input { | |
| 1026 | + box-sizing: border-box; | |
| 1027 | + max-width: none; | |
| 1028 | + width: 100% | |
| 1029 | +} | |
| 1030 | +.wpbc_appointment_services__footer_actions { | |
| 1031 | + box-sizing: border-box; | |
| 1032 | + display: -ms-flexbox; | |
| 1033 | + display: flex; | |
| 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; | |
| 1040 | + gap: 8px; | |
| 1041 | + padding: 8px 18px; | |
| 1042 | + width: 100% | |
| 1043 | +} | |
| 1044 | +.wpbc_appointment_services__footer_actions .button { | |
| 1045 | + -ms-flex-align: center; | |
| 1046 | + align-items: center; | |
| 1047 | + box-sizing: border-box; | |
| 1048 | + display: -ms-flexbox; | |
| 1049 | + display: flex; | |
| 1050 | + -ms-flex: 0 1 auto; | |
| 1051 | + flex: 0 1 auto; | |
| 1052 | + gap: 6px; | |
| 1053 | + -ms-flex-pack: center; | |
| 1054 | + justify-content: center; | |
| 1055 | + margin: 0; | |
| 1056 | + min-width: 0 | |
| 1057 | +} | |
| 1058 | +.wpbc_appointment_services__footer_actions .button[hidden], | |
| 1059 | +.wpbc_appointment_services__footer_actions[hidden], | |
| 1060 | +.wpbc_appointment_services__right_sidebar_footer[hidden] { | |
| 1061 | + display: none | |
| 1062 | +} | |
| 1063 | +@keyframes wpbc_appointment_services__focus_pulse { | |
| 1064 | + 0% { | |
| 1065 | + box-shadow: 0 0 0 4px rgba(34,113,177,.3) | |
| 1066 | + } | |
| 1067 | + 100% { | |
| 1068 | + box-shadow: 0 0 0 0 transparent | |
| 1069 | + } | |
| 1070 | +} | |
| 1071 | +.wpbc_appointment_services__focus_pulse { | |
| 1072 | + animation: .8s ease-out wpbc_appointment_services__focus_pulse; | |
| 1073 | + position: relative | |
| 1074 | +} | |
| 1075 | +@media (prefers-reduced-motion:reduce) { | |
| 1076 | + .wpbc_appointment_services__focus_pulse { | |
| 1077 | + animation: none; | |
| 1078 | + outline: 2px solid var(--wpbc_admin-theme-color,#2271b1); | |
| 1079 | + outline-offset: -2px | |
| 1080 | + } | |
| 1081 | +} | |
| 1082 | +.wpbc_appointment_services__status_options { | |
| 1083 | + display: -ms-flexbox; | |
| 1084 | + display: flex; | |
| 1085 | + -ms-flex-direction: column; | |
| 1086 | + flex-direction: column; | |
| 1087 | + gap: 8px | |
| 1088 | +} | |
| 1089 | +.wpbc_appointment_services__status_options label { | |
| 1090 | + -ms-flex-align: center; | |
| 1091 | + align-items: center; | |
| 1092 | + cursor: pointer; | |
| 1093 | + display: -ms-flexbox; | |
| 1094 | + display: flex; | |
| 1095 | + gap: 7px; | |
| 1096 | + line-height: 1.35; | |
| 1097 | + margin: 0 | |
| 1098 | +} | |
| 1099 | +.wpbc_appointment_services__status_options input[type=radio] { | |
| 1100 | + margin: 0 | |
| 1101 | +} | |
| 1102 | +.wpbc_appointment_services__number_control { | |
| 1103 | + display: -ms-flexbox; | |
| 1104 | + display: flex; | |
| 1105 | + -ms-flex-direction: column; | |
| 1106 | + flex-direction: column; | |
| 1107 | + gap: 8px; | |
| 1108 | + width: 100% | |
| 1109 | +} | |
| 1110 | +.wpbc_appointment_services__number_slider { | |
| 1111 | + box-sizing: border-box; | |
| 1112 | + cursor: pointer; | |
| 1113 | + margin: 0; | |
| 1114 | + min-height: 20px; | |
| 1115 | + padding: 0; | |
| 1116 | + width: 100% | |
| 1117 | +} | |
| 1118 | +.wpbc_appointment_services__number_slider:disabled { | |
| 1119 | + cursor: default; | |
| 1120 | + opacity: .55 | |
| 1121 | +} | |
| 750 | 1122 | .wpbc_appointment_services__placeholder { |
| 751 | 1123 | background: #f6f7f7; |
| 752 | 1124 | border: 1px dashed #c3c4c7; |
| 753 | 1125 | color: #646970; |
| @@ -807,8 +1179,15 @@ | ||
| 807 | 1179 | -ms-flex: 0 0 auto; |
| 808 | 1180 | flex: 0 0 auto |
| 809 | 1181 | } |
| 810 | 1182 | @media (max-width:782px) { |
| 1183 | + .wpbc_appointment_services__cards_header_controls, | |
| 1184 | + .wpbc_appointment_services__cards_sort { | |
| 1185 | + -ms-flex-align: start; | |
| 1186 | + align-items: flex-start; | |
| 1187 | + -ms-flex-direction: column; | |
| 1188 | + flex-direction: column | |
| 1189 | + } | |
| 811 | 1190 | .wpbc_appointment_services__filter_controls { |
| 812 | 1191 | grid-template-columns: 1fr |
| 813 | 1192 | } |
| 814 | 1193 | .wpbc_appointment_services__filter_divider { |
| @@ -816,15 +1195,8 @@ | ||
| 816 | 1195 | } |
| 817 | 1196 | .wpbc_appointment_services__provider_total { |
| 818 | 1197 | margin-left: 10px |
| 819 | 1198 | } |
| 820 | - .wpbc_appointment_services__list_footer { | |
| 821 | - -ms-flex-align: start; | |
| 822 | - align-items: flex-start; | |
| 823 | - -ms-flex-direction: column; | |
| 824 | - flex-direction: column; | |
| 825 | - gap: 8px | |
| 826 | - } | |
| 827 | 1199 | .wpbc_appointment_services__provider_notice { |
| 828 | 1200 | -ms-flex-align: start; |
| 829 | 1201 | align-items: flex-start; |
| 830 | 1202 | -ms-flex-wrap: wrap; |
| @@ -832,62 +1204,8 @@ | ||
| 832 | 1204 | } |
| 833 | 1205 | .wpbc_appointment_services__provider_notice .button { |
| 834 | 1206 | margin-left: 32px |
| 835 | 1207 | } |
| 836 | - .wpbc_appointment_services__table, | |
| 837 | - .wpbc_appointment_services__table tbody, | |
| 838 | - .wpbc_appointment_services__table_wrap { | |
| 839 | - display: block; | |
| 840 | - overflow: visible; | |
| 841 | - width: 100% | |
| 842 | - } | |
| 843 | - .wpbc_appointment_services__table { | |
| 844 | - min-width: 0 | |
| 845 | - } | |
| 846 | - .wpbc_appointment_services__table thead { | |
| 847 | - clip: rect(0 0 0 0); | |
| 848 | - clip-path: inset(50%); | |
| 849 | - height: 1px; | |
| 850 | - overflow: hidden; | |
| 851 | - position: absolute; | |
| 852 | - white-space: nowrap; | |
| 853 | - width: 1px | |
| 854 | - } | |
| 855 | - .wpbc_appointment_services__item { | |
| 856 | - box-sizing: border-box; | |
| 857 | - display: -ms-flexbox; | |
| 858 | - display: flex; | |
| 859 | - -ms-flex-wrap: wrap; | |
| 860 | - flex-wrap: wrap; | |
| 861 | - padding: 10px 8px; | |
| 862 | - position: relative; | |
| 863 | - width: 100% | |
| 864 | - } | |
| 865 | - .wpbc_appointment_services__item:not(:last-child) { | |
| 866 | - border-bottom: 1px solid #dcdcde | |
| 867 | - } | |
| 868 | - .wpbc_appointment_services__table tbody td { | |
| 869 | - -ms-flex-align: center; | |
| 870 | - align-items: center; | |
| 871 | - border-bottom: 0; | |
| 872 | - display: -ms-flexbox; | |
| 873 | - display: flex; | |
| 874 | - -ms-flex: 1 1 50%; | |
| 875 | - flex: 1 1 50%; | |
| 876 | - padding: 7px 8px; | |
| 877 | - width: 50% | |
| 878 | - } | |
| 879 | - .wpbc_appointment_services__table tbody td::before { | |
| 880 | - color: #646970; | |
| 881 | - content: attr(data-label); | |
| 882 | - -ms-flex: 0 0 104px; | |
| 883 | - flex: 0 0 104px; | |
| 884 | - font-size: 11px; | |
| 885 | - font-weight: 600; | |
| 886 | - line-height: 1.3; | |
| 887 | - padding-right: 8px; | |
| 888 | - text-align: left | |
| 889 | - } | |
| 890 | 1208 | .wpbc_appointment_services__table tbody .column-service { |
| 891 | 1209 | -ms-flex-preferred-size: 100%; |
| 892 | 1210 | flex-basis: 100%; |
| 893 | 1211 | padding-right: 76px; |
| @@ -933,10 +1251,38 @@ | ||
| 933 | 1251 | right: 12px; |
| 934 | 1252 | top: 20px; |
| 935 | 1253 | width: auto |
| 936 | 1254 | } |
| 1255 | + body.rtl .wpbc_appointment_services__provider_total { | |
| 1256 | + margin-left: 0; | |
| 1257 | + margin-right: 10px | |
| 1258 | + } | |
| 1259 | + body.rtl .wpbc_appointment_services__provider_notice .button { | |
| 1260 | + margin-left: 0; | |
| 1261 | + margin-right: 32px | |
| 1262 | + } | |
| 1263 | + body.rtl .wpbc_appointment_services__table tbody .column-service { | |
| 1264 | + padding-left: 76px; | |
| 1265 | + padding-right: 12px | |
| 1266 | + } | |
| 1267 | + body.rtl .wpbc_appointment_services__availability_empty, | |
| 1268 | + body.rtl .wpbc_appointment_services__availability_links { | |
| 1269 | + margin-left: 0; | |
| 1270 | + margin-right: 104px | |
| 1271 | + } | |
| 1272 | + body.rtl .wpbc_appointment_services__table tbody .column-actions { | |
| 1273 | + left: 12px; | |
| 1274 | + right: auto | |
| 1275 | + } | |
| 937 | 1276 | } |
| 938 | 1277 | @media (max-width:480px) { |
| 1278 | + .wpbc_appointment_services__cards { | |
| 1279 | + grid-template-columns: 1fr; | |
| 1280 | + padding: 10px | |
| 1281 | + } | |
| 1282 | + .wpbc_appointment_services__card_fields { | |
| 1283 | + grid-template-columns: 1fr | |
| 1284 | + } | |
| 939 | 1285 | .wpbc_appointment_services__table tbody .column-duration, |
| 940 | 1286 | .wpbc_appointment_services__table tbody .column-price { |
| 941 | 1287 | -ms-flex-preferred-size: 100%; |
| 942 | 1288 | flex-basis: 100%; |