| @@ -150,29 +150,8 @@ | ||
| 150 | 150 | } |
| 151 | 151 | .toplevel_page_timetics .tt-page-header-wrapper .tt-header-info-dropdown.ant-btn { |
| 152 | 152 | padding: 4px 0px; |
| 153 | 153 | } |
| 154 | -.toplevel_page_timetics .tt-page-header-wrapper .tt-header-referral-link { | |
| 155 | - display: inline-flex; | |
| 156 | - align-items: center; | |
| 157 | - justify-content: center; | |
| 158 | - width: 32px; | |
| 159 | - height: 32px; | |
| 160 | - border: 1px solid #d9d9d9; | |
| 161 | - border-radius: 6px; | |
| 162 | - background: transparent; | |
| 163 | - color: rgba(0, 0, 0, 0.88); | |
| 164 | - transition: color 0.2s ease, border-color 0.2s ease; | |
| 165 | -} | |
| 166 | -.toplevel_page_timetics .tt-page-header-wrapper .tt-header-referral-link .anticon { | |
| 167 | - font-size: 19px; | |
| 168 | - line-height: 1; | |
| 169 | -} | |
| 170 | -.toplevel_page_timetics .tt-page-header-wrapper .tt-header-referral-link:hover, .toplevel_page_timetics .tt-page-header-wrapper .tt-header-referral-link:focus { | |
| 171 | - color: var(--tt-primary-color); | |
| 172 | - border-color: var(--tt-primary-color); | |
| 173 | - background: transparent; | |
| 174 | -} | |
| 175 | 154 | .toplevel_page_timetics .tt-shortcode-list .ant-input-group-addon .anticon:hover path { |
| 176 | 155 | stroke: var(--tt-primary-color); |
| 177 | 156 | } |
| 178 | 157 | .toplevel_page_timetics .tt-shortcode-list .ant-input-group-addon:last-child { |
| @@ -407,8 +386,11 @@ | ||
| 407 | 386 | font-weight: 600; |
| 408 | 387 | } |
| 409 | 388 | .tt-container-wrapper .tt-form-container { |
| 410 | 389 | padding: 30px; |
| 390 | + background-color: #ffffff; | |
| 391 | + border: 1px solid var(--tt-secondary-color-12); | |
| 392 | + border-radius: 8px; | |
| 411 | 393 | } |
| 412 | 394 | @media screen and (max-width: 768px) { |
| 413 | 395 | .tt-container-wrapper .tt-form-container { |
| 414 | 396 | padding: 20px; |
| @@ -413,13 +395,8 @@ | ||
| 413 | 395 | .tt-container-wrapper .tt-form-container { |
| 414 | 396 | padding: 20px; |
| 415 | 397 | } |
| 416 | 398 | } |
| 417 | -.tt-container-wrapper .tt-form-container { | |
| 418 | - background-color: #ffffff; | |
| 419 | - border: 1px solid var(--tt-secondary-color-12); | |
| 420 | - border-radius: 8px; | |
| 421 | -} | |
| 422 | 399 | .tt-container-wrapper .tt-form-container .ant-collapse { |
| 423 | 400 | border-radius: 8px; |
| 424 | 401 | } |
| 425 | 402 | .tt-container-wrapper .tt-form-container .ant-collapse-header-text { |
| @@ -489,12 +466,8 @@ | ||
| 489 | 466 | background-color: var(--tt-secondary-color-20); |
| 490 | 467 | box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.12); |
| 491 | 468 | border-radius: 28px; |
| 492 | 469 | } |
| 493 | -.toplevel_page_timetics .ant-switch .ant-switch-handle::before { | |
| 494 | - box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.15); | |
| 495 | - background: linear-gradient(210.38deg, #ffffff 11.21%, rgba(255, 255, 255, 0.8) 87.98%); | |
| 496 | -} | |
| 497 | 470 | .toplevel_page_timetics .ant-switch .ant-switch-handle { |
| 498 | 471 | top: 4px; |
| 499 | 472 | left: 4px; |
| 500 | 473 | width: 16px; |
| @@ -499,18 +472,22 @@ | ||
| 499 | 472 | left: 4px; |
| 500 | 473 | width: 16px; |
| 501 | 474 | height: 16px; |
| 502 | 475 | } |
| 476 | +.toplevel_page_timetics .ant-switch .ant-switch-handle::before { | |
| 477 | + box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.15); | |
| 478 | + background: linear-gradient(210.38deg, #ffffff 11.21%, rgba(255, 255, 255, 0.8) 87.98%); | |
| 479 | +} | |
| 503 | 480 | .toplevel_page_timetics .ant-switch.ant-switch-checked { |
| 504 | 481 | background: var(--tt-primary-color); |
| 505 | 482 | } |
| 483 | +.toplevel_page_timetics .ant-switch.ant-switch-checked .ant-switch-handle { | |
| 484 | + left: calc(100% - 20px); | |
| 485 | +} | |
| 506 | 486 | .toplevel_page_timetics .ant-switch.ant-switch-checked .ant-switch-handle::before { |
| 507 | 487 | background: linear-gradient(210.38deg, #ffffff 11.21%, rgba(255, 255, 255, 0.7) 87.98%); |
| 508 | 488 | box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.25); |
| 509 | 489 | } |
| 510 | -.toplevel_page_timetics .ant-switch.ant-switch-checked .ant-switch-handle { | |
| 511 | - left: calc(100% - 20px); | |
| 512 | -} | |
| 513 | 490 | .toplevel_page_timetics .ant-checkbox .ant-checkbox-inner { |
| 514 | 491 | width: 20px; |
| 515 | 492 | height: 20px; |
| 516 | 493 | border-radius: 4px; |
| @@ -1237,8 +1214,11 @@ | ||
| 1237 | 1214 | .tt-card-border-less .ant-card-body { |
| 1238 | 1215 | padding: 0; |
| 1239 | 1216 | } |
| 1240 | 1217 | |
| 1218 | +.timetics-stripe { | |
| 1219 | + /* spinner/processing state, errors */ | |
| 1220 | +} | |
| 1241 | 1221 | .timetics-stripe #payment-message { |
| 1242 | 1222 | color: rgb(105, 115, 134); |
| 1243 | 1223 | font-size: 16px; |
| 1244 | 1224 | line-height: 20px; |
| @@ -1247,11 +1227,8 @@ | ||
| 1247 | 1227 | } |
| 1248 | 1228 | .timetics-stripe #payment-element { |
| 1249 | 1229 | margin-bottom: 24px; |
| 1250 | 1230 | } |
| 1251 | -.timetics-stripe { | |
| 1252 | - /* spinner/processing state, errors */ | |
| 1253 | -} | |
| 1254 | 1231 | .timetics-stripe .spinner, |
| 1255 | 1232 | .timetics-stripe .spinner:before, |
| 1256 | 1233 | .timetics-stripe .spinner:after { |
| 1257 | 1234 | border-radius: 50%; |
| @@ -1872,39 +1849,33 @@ | ||
| 1872 | 1849 | .tt-booking-slot-wrapper::-webkit-scrollbar { |
| 1873 | 1850 | width: 0; /* Width of the scrollbar */ |
| 1874 | 1851 | } |
| 1875 | 1852 | |
| 1853 | +.tt-scroll-bar { | |
| 1854 | + /* Thumb (the draggable part) */ | |
| 1855 | + /* Corner (between the vertical and horizontal scrollbar) */ | |
| 1856 | + /* For Firefox */ | |
| 1857 | + /* Unlike WebKit browsers, Firefox doesn't allow separate styling of track and thumb */ | |
| 1858 | + /* Both track and thumb */ | |
| 1859 | + scrollbar-width: thin; | |
| 1860 | + scrollbar-color: var(--tt-secondary-color-50); | |
| 1861 | + /* Track */ | |
| 1862 | + /* Thumb */ | |
| 1863 | +} | |
| 1876 | 1864 | .tt-scroll-bar::-webkit-scrollbar { |
| 1877 | 1865 | width: 8px; |
| 1878 | 1866 | height: 8px; |
| 1879 | 1867 | } |
| 1880 | -.tt-scroll-bar { | |
| 1881 | - /* Thumb (the draggable part) */ | |
| 1882 | -} | |
| 1883 | 1868 | .tt-scroll-bar::-webkit-scrollbar-thumb { |
| 1884 | 1869 | background: var(--tt-secondary-color-50); |
| 1885 | 1870 | border-radius: 8px; |
| 1886 | 1871 | } |
| 1887 | -.tt-scroll-bar { | |
| 1888 | - /* Corner (between the vertical and horizontal scrollbar) */ | |
| 1889 | -} | |
| 1890 | 1872 | .tt-scroll-bar::-webkit-scrollbar-corner { |
| 1891 | 1873 | background: var(--tt-secondary-color-50); |
| 1892 | 1874 | } |
| 1893 | -.tt-scroll-bar { | |
| 1894 | - /* For Firefox */ | |
| 1895 | - /* Unlike WebKit browsers, Firefox doesn't allow separate styling of track and thumb */ | |
| 1896 | - /* Both track and thumb */ | |
| 1897 | - scrollbar-width: thin; | |
| 1898 | - scrollbar-color: var(--tt-secondary-color-50); | |
| 1899 | - /* Track */ | |
| 1900 | -} | |
| 1901 | 1875 | .tt-scroll-bar::-ms-scrollbar { |
| 1902 | 1876 | width: 8px; |
| 1903 | 1877 | height: 8px; |
| 1904 | -} | |
| 1905 | -.tt-scroll-bar { | |
| 1906 | - /* Thumb */ | |
| 1907 | 1878 | } |
| 1908 | 1879 | .tt-scroll-bar::-ms-scrollbar-thumb { |
| 1909 | 1880 | background: var(--tt-secondary-color-20); |
| 1910 | 1881 | } |