PluginProbe
Timetics – Appointment Booking Calendar & Scheduling / 1.0.38
Timetics – Appointment Booking Calendar & Scheduling v1.0.38
1.0.62 1.0.63 1.0.61 1.0.60 1.0.59 1.0.58 1.0.57 1.0.56 trunk 1.0.0 1.0.1 1.0.10 1.0.11 1.0.12 1.0.13 1.0.14 1.0.15 1.0.16 1.0.17 1.0.18 1.0.19 1.0.2 1.0.20 1.0.21 1.0.22 All 64 releases
← All changes | assets/css/frontend.css +24 -53 1.0.561.0.38 View file →
@@ -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 }