| @@ -27,10 +27,89 @@ | ||
| 27 | 27 | right: 100%; |
| 28 | 28 | width: 10%; |
| 29 | 29 | } |
| 30 | 30 | } |
| 31 | +/** | |
| 32 | +* Style for the buttons | |
| 33 | +*/ | |
| 34 | +.lp-btn-edit-primary { | |
| 35 | + border: none; | |
| 36 | + background: #135e96; | |
| 37 | + color: #fff; | |
| 38 | +} | |
| 39 | +.lp-btn-edit-primary:not(.active) { | |
| 40 | + opacity: 0.5; | |
| 41 | +} | |
| 42 | +.lp-btn-edit-primary:hover, .lp-btn-edit-primary.active, .lp-btn-edit-primary.active:hover { | |
| 43 | + background: #135E96; | |
| 44 | + color: #fff; | |
| 45 | + opacity: 1; | |
| 46 | +} | |
| 47 | + | |
| 48 | +/* 5. Minimal Bottom Line */ | |
| 49 | +.btn-line::after { | |
| 50 | + content: ""; | |
| 51 | + position: absolute; | |
| 52 | + bottom: 0; | |
| 53 | + right: 0; | |
| 54 | + height: 4px; | |
| 55 | + width: 0%; | |
| 56 | + background-color: #38bdf8; | |
| 57 | + animation: lineLoad 2s ease-in-out infinite; | |
| 58 | +} | |
| 59 | + | |
| 60 | +@keyframes lineLoad { | |
| 61 | + 0% { | |
| 62 | + width: 0%; | |
| 63 | + right: 0; | |
| 64 | + } | |
| 65 | + 50% { | |
| 66 | + width: 100%; | |
| 67 | + right: 0; | |
| 68 | + } | |
| 69 | + 100% { | |
| 70 | + width: 0%; | |
| 71 | + right: 100%; | |
| 72 | + } | |
| 73 | +} | |
| 74 | +.lp-button { | |
| 75 | + padding: 8px 16px; | |
| 76 | + border: 1px solid var(--lp-border-color, #E2E0DB); | |
| 77 | + border-radius: var(--lp-border-radius, 5px); | |
| 78 | + color: #374151; | |
| 79 | + font-weight: 500; | |
| 80 | + text-decoration: none; | |
| 81 | + cursor: pointer; | |
| 82 | +} | |
| 83 | +.lp-button.loading { | |
| 84 | + position: relative; | |
| 85 | + display: inline-flex; | |
| 86 | + align-items: center; | |
| 87 | + justify-content: center; | |
| 88 | + pointer-events: none; | |
| 89 | + color: rgba(0, 0, 0, 0.2) !important; | |
| 90 | +} | |
| 91 | +.lp-button.loading:before { | |
| 92 | + position: absolute; | |
| 93 | + inset: 0; | |
| 94 | + display: flex; | |
| 95 | + align-items: center; | |
| 96 | + justify-content: center; | |
| 97 | + font-family: "lp-icon"; | |
| 98 | + content: "\f110"; | |
| 99 | + animation: lp-rotating 1s linear infinite; | |
| 100 | + line-height: 1; | |
| 101 | + font-variant: normal; | |
| 102 | + text-transform: none; | |
| 103 | + -webkit-font-smoothing: antialiased; | |
| 104 | + -moz-osx-font-smoothing: grayscale; | |
| 105 | + color: black; | |
| 106 | +} | |
| 107 | + | |
| 31 | 108 | .learn-press-message { |
| 32 | 109 | position: relative; |
| 110 | + display: flex; | |
| 111 | + align-items: center; | |
| 33 | 112 | margin: 0 !important; |
| 34 | 113 | padding: 10px 20px; |
| 35 | 114 | border-radius: var(--lp-border-radius, 5px); |
| 36 | 115 | background-color: #E5F7FF; |
| @@ -36,25 +115,54 @@ | ||
| 36 | 115 | background-color: #E5F7FF; |
| 37 | 116 | color: #007AFF; |
| 38 | 117 | max-width: 100%; |
| 39 | 118 | } |
| 119 | +.learn-press-message::before { | |
| 120 | + display: inline-block; | |
| 121 | + margin-left: 8px; | |
| 122 | + font-family: "lp-icon"; | |
| 123 | + font-size: 20px; | |
| 124 | + font-style: normal; | |
| 125 | + font-weight: normal; | |
| 126 | + line-height: 1; | |
| 127 | +} | |
| 40 | 128 | .learn-press-message.error { |
| 41 | 129 | background-color: #FEE5E5; |
| 42 | 130 | color: #FF3B30; |
| 43 | - border-right: none; | |
| 131 | + border: 1px solid #E31A1A; | |
| 132 | + padding: 10px 20px; | |
| 44 | 133 | } |
| 134 | +.learn-press-message.error::before { | |
| 135 | + content: "\f071"; | |
| 136 | + color: #E31A1A; | |
| 137 | +} | |
| 45 | 138 | .learn-press-message.warning { |
| 46 | 139 | background-color: #FEF7E6; |
| 47 | 140 | color: #FF9500; |
| 141 | + border: 1px solid #F8A100; | |
| 48 | 142 | } |
| 143 | +.learn-press-message.warning::before { | |
| 144 | + content: "\f06a"; | |
| 145 | + color: #F8A100; | |
| 146 | +} | |
| 49 | 147 | .learn-press-message.success { |
| 50 | 148 | background-color: #EBF8E5; |
| 51 | 149 | color: #3AB500; |
| 150 | + border: 1px solid #28A746; | |
| 52 | 151 | } |
| 152 | +.learn-press-message.success::before { | |
| 153 | + content: "\f058"; | |
| 154 | + color: #28A746; | |
| 155 | +} | |
| 53 | 156 | .learn-press-message.info { |
| 54 | 157 | background-color: rgba(0, 122, 255, 0.1019607843); |
| 55 | 158 | color: #007AFF; |
| 159 | + border: 1px solid #2E91FA; | |
| 56 | 160 | } |
| 161 | +.learn-press-message.info::before { | |
| 162 | + content: "\e931"; | |
| 163 | + color: #2E91FA; | |
| 164 | +} | |
| 57 | 165 | .learn-press-message a { |
| 58 | 166 | text-decoration: underline; |
| 59 | 167 | } |
| 60 | 168 | |
| @@ -275,30 +383,8 @@ | ||
| 275 | 383 | width: 20px; |
| 276 | 384 | height: 20px; |
| 277 | 385 | } |
| 278 | 386 | |
| 279 | -.lp-button { | |
| 280 | - border: 1px solid var(--lp-border-color, #E2E0DB); | |
| 281 | - border-radius: var(--lp-border-radius, 5px); | |
| 282 | - padding: 8px 16px; | |
| 283 | -} | |
| 284 | -.lp-button.loading { | |
| 285 | - pointer-events: none; | |
| 286 | - opacity: 0.8; | |
| 287 | -} | |
| 288 | -.lp-button.loading:before { | |
| 289 | - display: inline-block; | |
| 290 | - font-family: "lp-icon"; | |
| 291 | - content: "\f110"; | |
| 292 | - animation: lp-rotating 1s linear infinite; | |
| 293 | - margin-left: 5px; | |
| 294 | - font-variant: normal; | |
| 295 | - text-transform: none; | |
| 296 | - -webkit-font-smoothing: antialiased; | |
| 297 | - -moz-osx-font-smoothing: grayscale; | |
| 298 | - vertical-align: middle; | |
| 299 | -} | |
| 300 | - | |
| 301 | 387 | .lp-hidden { |
| 302 | 388 | display: none !important; |
| 303 | 389 | } |
| 304 | 390 | |
| @@ -824,11 +910,8 @@ | ||
| 824 | 910 | flex-direction: column-reverse; |
| 825 | 911 | margin: 0; |
| 826 | 912 | } |
| 827 | 913 | } |
| 828 | -.lp-checkout-form #btn-checkout-account-switch-to-guest { | |
| 829 | - margin-bottom: 60px; | |
| 830 | -} | |
| 831 | 914 | .lp-checkout-form .description { |
| 832 | 915 | float: right; |
| 833 | 916 | } |
| 834 | 917 | .lp-checkout-form a { |
| @@ -876,32 +959,8 @@ | ||
| 876 | 959 | } |
| 877 | 960 | .lp-checkout-form .lp-guest-switch-login a { |
| 878 | 961 | display: inline-block; |
| 879 | 962 | } |
| 880 | -.lp-checkout-form input[name=checkout-account-switch-form] { | |
| 881 | - display: none; | |
| 882 | -} | |
| 883 | -.lp-checkout-form input[name=checkout-account-switch-form]:not(:checked) + .lp-checkout-block { | |
| 884 | - display: none; | |
| 885 | - overflow: hidden; | |
| 886 | - height: 0; | |
| 887 | - margin: 0; | |
| 888 | - padding: 0; | |
| 889 | - border: 0; | |
| 890 | - opacity: 0; | |
| 891 | -} | |
| 892 | -.lp-checkout-form input[name=checkout-account-switch-form]:not(:checked) + .lp-checkout-block > * { | |
| 893 | - overflow: hidden; | |
| 894 | - height: 0; | |
| 895 | -} | |
| 896 | -.lp-checkout-form input[name=checkout-account-switch-form]:checked + .lp-checkout-block { | |
| 897 | - display: block; | |
| 898 | - overflow: auto; | |
| 899 | - height: auto; | |
| 900 | -} | |
| 901 | -.lp-checkout-form input[name=checkout-account-switch-form][value=guest]:checked ~ #btn-checkout-account-switch-to-guest { | |
| 902 | - display: none; | |
| 903 | -} | |
| 904 | 963 | .lp-checkout-form::after { |
| 905 | 964 | display: block; |
| 906 | 965 | clear: both; |
| 907 | 966 | content: ""; |
| @@ -909,31 +968,37 @@ | ||
| 909 | 968 | .lp-checkout-form:focus { |
| 910 | 969 | outline: 0; |
| 911 | 970 | } |
| 912 | 971 | |
| 913 | -#checkout-order .lp-checkout-order__inner { | |
| 914 | - padding: 0 20px; | |
| 915 | - border: 1px solid var(--lp-border-color, #E2E0DB); | |
| 916 | - border-radius: 4px; | |
| 972 | +#checkout-order { | |
| 973 | + /*.lp-checkout-order__inner { | |
| 974 | + padding: 0 20px; | |
| 975 | + border: 1px solid $border-color; | |
| 976 | + border-radius: 4px; | |
| 977 | + }*/ | |
| 978 | + /*td, th{ | |
| 979 | + border-right: 0; | |
| 980 | + border-left: 0; | |
| 981 | + background: transparent; | |
| 982 | + &:last-child { | |
| 983 | + padding-right: 0; | |
| 984 | + } | |
| 985 | + } | |
| 986 | + table { | |
| 987 | + width: 100%; | |
| 988 | + margin: 0; | |
| 989 | + border: 0; | |
| 990 | + }*/ | |
| 917 | 991 | } |
| 992 | +#checkout-order .lp-list-table { | |
| 993 | + min-width: auto; | |
| 994 | +} | |
| 918 | 995 | #checkout-order .cart-item:first-child td { |
| 919 | 996 | border-top: 0; |
| 920 | 997 | } |
| 921 | -#checkout-order td, #checkout-order th { | |
| 922 | - border-left: 0; | |
| 923 | - border-right: 0; | |
| 924 | - background: transparent; | |
| 925 | -} | |
| 926 | -#checkout-order td:last-child, #checkout-order th:last-child { | |
| 927 | - padding-left: 0; | |
| 928 | -} | |
| 929 | -#checkout-order table { | |
| 930 | - width: 100%; | |
| 931 | - margin: 0; | |
| 932 | - border: 0; | |
| 933 | -} | |
| 934 | 998 | #checkout-order .course-name { |
| 935 | 999 | font-weight: 600; |
| 1000 | + text-align: right; | |
| 936 | 1001 | } |
| 937 | 1002 | #checkout-order .course-name a { |
| 938 | 1003 | display: -webkit-box; |
| 939 | 1004 | overflow: hidden; |
| @@ -947,34 +1012,38 @@ | ||
| 947 | 1012 | #checkout-order .col-number { |
| 948 | 1013 | min-width: 50px; |
| 949 | 1014 | color: #666; |
| 950 | 1015 | font-weight: 600; |
| 951 | - text-align: left; | |
| 1016 | + text-align: right; | |
| 952 | 1017 | } |
| 953 | 1018 | #checkout-order tfoot { |
| 954 | - font-size: 1.2em; | |
| 1019 | + text-align: right; | |
| 1020 | + /*tr:last-child { | |
| 1021 | + border-width: 0; | |
| 1022 | + | |
| 1023 | + td, th { | |
| 1024 | + border-width: 0; | |
| 1025 | + } | |
| 1026 | + }*/ | |
| 955 | 1027 | } |
| 956 | 1028 | #checkout-order tfoot th { |
| 957 | 1029 | font-weight: 600; |
| 958 | - padding-right: 0; | |
| 1030 | + padding: 10px 20px; | |
| 959 | 1031 | } |
| 960 | -#checkout-order tfoot .order-total { | |
| 961 | - font-size: 1.4em; | |
| 1032 | +#checkout-order tfoot tr:hover { | |
| 1033 | + background: #eff6ff; | |
| 962 | 1034 | } |
| 963 | -#checkout-order tfoot tr:last-child { | |
| 964 | - border-width: 0; | |
| 1035 | +#checkout-order tfoot td { | |
| 1036 | + padding: 10px 20px; | |
| 965 | 1037 | } |
| 966 | -#checkout-order tfoot tr:last-child td, #checkout-order tfoot tr:last-child th { | |
| 967 | - border-width: 0; | |
| 1038 | +#checkout-order tfoot .order-total { | |
| 1039 | + font-size: 1.2em; | |
| 968 | 1040 | } |
| 969 | 1041 | #checkout-order .course-thumbnail { |
| 970 | 1042 | width: 80px; |
| 971 | - padding: 20px 0 18px 13px; | |
| 972 | 1043 | } |
| 973 | 1044 | #checkout-order .course-thumbnail img { |
| 974 | 1045 | width: 100px; |
| 975 | - max-width: 100% !important; | |
| 976 | - height: auto !important; | |
| 977 | 1046 | } |
| 978 | 1047 | |
| 979 | 1048 | .order-comments { |
| 980 | 1049 | width: 100%; |
| @@ -1219,16 +1288,27 @@ | ||
| 1219 | 1288 | .learn-press-checkout-comment h4 { |
| 1220 | 1289 | display: none; |
| 1221 | 1290 | } |
| 1222 | 1291 | |
| 1223 | -.lp-content-area .order_details { | |
| 1224 | - width: 100%; | |
| 1225 | - border-collapse: collapse; | |
| 1292 | +.order_details.lp-list-table th { | |
| 1293 | + max-width: 80px; | |
| 1294 | + text-align: right; | |
| 1226 | 1295 | } |
| 1227 | -.lp-content-area .order_details th a, .lp-content-area .order_details td a { | |
| 1228 | - color: var(--lp-primary-color); | |
| 1229 | -} | |
| 1230 | 1296 | |
| 1297 | +/*.lp-content-area .order_details { | |
| 1298 | + width: 100%; | |
| 1299 | + border-collapse: collapse; | |
| 1300 | + | |
| 1301 | + | |
| 1302 | + th, td { | |
| 1303 | + //text-align: left; | |
| 1304 | + //padding: 10px 25px; | |
| 1305 | + //border: 1px solid; | |
| 1306 | + a { | |
| 1307 | + color: var(--lp-primary-color); | |
| 1308 | + } | |
| 1309 | + } | |
| 1310 | +}*/ | |
| 1231 | 1311 | .learnpress-checkout .learnpress > .learn-press-message { |
| 1232 | 1312 | max-width: var(--lp-container-max-width); |
| 1233 | 1313 | margin: 0 auto; |
| 1234 | 1314 | } |
| @@ -1652,18 +1732,22 @@ | ||
| 1652 | 1732 | .learnpress_avatar__form__upload div { |
| 1653 | 1733 | line-height: 1.4; |
| 1654 | 1734 | } |
| 1655 | 1735 | .learnpress_avatar__button--loading:before { |
| 1656 | - display: inline-block; | |
| 1736 | + position: absolute; | |
| 1737 | + inset: 0; | |
| 1738 | + display: flex; | |
| 1739 | + align-items: center; | |
| 1740 | + justify-content: center; | |
| 1657 | 1741 | font-family: "lp-icon"; |
| 1658 | 1742 | content: "\f110"; |
| 1659 | 1743 | animation: lp-rotating 1s linear infinite; |
| 1660 | - margin-left: 5px; | |
| 1744 | + line-height: 1; | |
| 1661 | 1745 | font-variant: normal; |
| 1662 | 1746 | text-transform: none; |
| 1663 | 1747 | -webkit-font-smoothing: antialiased; |
| 1664 | 1748 | -moz-osx-font-smoothing: grayscale; |
| 1665 | - vertical-align: middle; | |
| 1749 | + color: black; | |
| 1666 | 1750 | } |
| 1667 | 1751 | |
| 1668 | 1752 | button.learnpress_avatar__button { |
| 1669 | 1753 | height: 40px; |
| @@ -2005,9 +2089,8 @@ | ||
| 2005 | 2089 | flex-wrap: wrap; |
| 2006 | 2090 | align-items: center; |
| 2007 | 2091 | justify-content: space-between; |
| 2008 | 2092 | gap: 8px; |
| 2009 | - border-top: 1px solid #e2e8f0; | |
| 2010 | 2093 | } |
| 2011 | 2094 | .lp-enrolled-students-table-footer__count { |
| 2012 | 2095 | color: #64748b; |
| 2013 | 2096 | font-size: 13px; |
| @@ -2515,8 +2598,65 @@ | ||
| 2515 | 2598 | font-size: 1.6em; |
| 2516 | 2599 | margin-bottom: 12px; |
| 2517 | 2600 | } |
| 2518 | 2601 | |
| 2602 | +.learn-press-profile-course { | |
| 2603 | + /*&__progress { | |
| 2604 | + .lp_profile_course_progress { | |
| 2605 | + &__item { | |
| 2606 | + img { | |
| 2607 | + width: 100%; | |
| 2608 | + aspect-ratio: 16/9; | |
| 2609 | + object-fit: cover; | |
| 2610 | + height: auto; | |
| 2611 | + display: block; | |
| 2612 | + } | |
| 2613 | + | |
| 2614 | + td, | |
| 2615 | + th { | |
| 2616 | + text-align: center; | |
| 2617 | + | |
| 2618 | + &:first-child { | |
| 2619 | + width: 15%; | |
| 2620 | + padding: 0; | |
| 2621 | + @media ( max-width: 768px ) { | |
| 2622 | + display: none; | |
| 2623 | + } | |
| 2624 | + } | |
| 2625 | + | |
| 2626 | + &:nth-child( 2 ) { | |
| 2627 | + width: 25%; | |
| 2628 | + | |
| 2629 | + a { | |
| 2630 | + display: -webkit-box; | |
| 2631 | + -webkit-line-clamp: 2; | |
| 2632 | + -webkit-box-orient: vertical; | |
| 2633 | + overflow: hidden; | |
| 2634 | + } | |
| 2635 | + } | |
| 2636 | + | |
| 2637 | + &:nth-child( 3 ) { | |
| 2638 | + width: 10%; | |
| 2639 | + } | |
| 2640 | + | |
| 2641 | + &:nth-child( 4 ) { | |
| 2642 | + width: 25%; | |
| 2643 | + } | |
| 2644 | + | |
| 2645 | + &:nth-child( 5 ) { | |
| 2646 | + width: 25%; | |
| 2647 | + } | |
| 2648 | + } | |
| 2649 | + } | |
| 2650 | + } | |
| 2651 | + | |
| 2652 | + @media ( max-width: 768px ) { | |
| 2653 | + .learn-press-course-tab__filter__content { | |
| 2654 | + overflow-x: auto; | |
| 2655 | + } | |
| 2656 | + } | |
| 2657 | + }*/ | |
| 2658 | +} | |
| 2519 | 2659 | .learn-press-profile-course__statistic { |
| 2520 | 2660 | margin-bottom: 32px; |
| 2521 | 2661 | } |
| 2522 | 2662 | .learn-press-profile-course__tab .learn-press-tabs--with-course-builder { |
| @@ -2559,58 +2699,8 @@ | ||
| 2559 | 2699 | width: 100%; |
| 2560 | 2700 | margin: 0 0 16px; |
| 2561 | 2701 | } |
| 2562 | 2702 | } |
| 2563 | -.learn-press-profile-course__progress .lp_profile_course_progress__item img { | |
| 2564 | - width: 100%; | |
| 2565 | - aspect-ratio: 16/9; | |
| 2566 | - object-fit: cover; | |
| 2567 | - height: auto; | |
| 2568 | - display: block; | |
| 2569 | -} | |
| 2570 | -.learn-press-profile-course__progress .lp_profile_course_progress__item td, | |
| 2571 | -.learn-press-profile-course__progress .lp_profile_course_progress__item th { | |
| 2572 | - text-align: center; | |
| 2573 | -} | |
| 2574 | -.learn-press-profile-course__progress .lp_profile_course_progress__item td:first-child, | |
| 2575 | -.learn-press-profile-course__progress .lp_profile_course_progress__item th:first-child { | |
| 2576 | - width: 15%; | |
| 2577 | - padding: 0; | |
| 2578 | -} | |
| 2579 | -@media (max-width: 768px) { | |
| 2580 | - .learn-press-profile-course__progress .lp_profile_course_progress__item td:first-child, | |
| 2581 | - .learn-press-profile-course__progress .lp_profile_course_progress__item th:first-child { | |
| 2582 | - display: none; | |
| 2583 | - } | |
| 2584 | -} | |
| 2585 | -.learn-press-profile-course__progress .lp_profile_course_progress__item td:nth-child(2), | |
| 2586 | -.learn-press-profile-course__progress .lp_profile_course_progress__item th:nth-child(2) { | |
| 2587 | - width: 25%; | |
| 2588 | -} | |
| 2589 | -.learn-press-profile-course__progress .lp_profile_course_progress__item td:nth-child(2) a, | |
| 2590 | -.learn-press-profile-course__progress .lp_profile_course_progress__item th:nth-child(2) a { | |
| 2591 | - display: -webkit-box; | |
| 2592 | - -webkit-line-clamp: 2; | |
| 2593 | - -webkit-box-orient: vertical; | |
| 2594 | - overflow: hidden; | |
| 2595 | -} | |
| 2596 | -.learn-press-profile-course__progress .lp_profile_course_progress__item td:nth-child(3), | |
| 2597 | -.learn-press-profile-course__progress .lp_profile_course_progress__item th:nth-child(3) { | |
| 2598 | - width: 10%; | |
| 2599 | -} | |
| 2600 | -.learn-press-profile-course__progress .lp_profile_course_progress__item td:nth-child(4), | |
| 2601 | -.learn-press-profile-course__progress .lp_profile_course_progress__item th:nth-child(4) { | |
| 2602 | - width: 25%; | |
| 2603 | -} | |
| 2604 | -.learn-press-profile-course__progress .lp_profile_course_progress__item td:nth-child(5), | |
| 2605 | -.learn-press-profile-course__progress .lp_profile_course_progress__item th:nth-child(5) { | |
| 2606 | - width: 25%; | |
| 2607 | -} | |
| 2608 | -@media (max-width: 768px) { | |
| 2609 | - .learn-press-profile-course__progress .learn-press-course-tab__filter__content { | |
| 2610 | - overflow-x: auto; | |
| 2611 | - } | |
| 2612 | -} | |
| 2613 | 2703 | |
| 2614 | 2704 | .lp-profile-content #profile-content-order-details h3 { |
| 2615 | 2705 | margin-top: 0; |
| 2616 | 2706 | font-size: 1.875em; |
| @@ -2654,8 +2744,16 @@ | ||
| 2654 | 2744 | gap: 12px; |
| 2655 | 2745 | margin-top: 16px; |
| 2656 | 2746 | } |
| 2657 | 2747 | |
| 2748 | +.lp_profile_course_progress__nav { | |
| 2749 | + margin-top: 1rem; | |
| 2750 | +} | |
| 2751 | + | |
| 2752 | +#profile-content-order-details .lp-table-wrap { | |
| 2753 | + margin-bottom: 1rem; | |
| 2754 | +} | |
| 2755 | + | |
| 2658 | 2756 | .course-extra-box { |
| 2659 | 2757 | margin-bottom: 16px; |
| 2660 | 2758 | border: 1px solid var(--lp-border-color, #E2E0DB); |
| 2661 | 2759 | border-radius: var(--lp-border-radius, 5px); |
| @@ -2919,18 +3017,22 @@ | ||
| 2919 | 3017 | box-shadow: none; |
| 2920 | 3018 | outline: none; |
| 2921 | 3019 | } |
| 2922 | 3020 | .course-curriculum .section-item__loadmore.loading button:before { |
| 2923 | - display: inline-block; | |
| 3021 | + position: absolute; | |
| 3022 | + inset: 0; | |
| 3023 | + display: flex; | |
| 3024 | + align-items: center; | |
| 3025 | + justify-content: center; | |
| 2924 | 3026 | font-family: "lp-icon"; |
| 2925 | 3027 | content: "\f110"; |
| 2926 | 3028 | animation: lp-rotating 1s linear infinite; |
| 2927 | - margin-left: 5px; | |
| 3029 | + line-height: 1; | |
| 2928 | 3030 | font-variant: normal; |
| 2929 | 3031 | text-transform: none; |
| 2930 | 3032 | -webkit-font-smoothing: antialiased; |
| 2931 | 3033 | -moz-osx-font-smoothing: grayscale; |
| 2932 | - vertical-align: middle; | |
| 3034 | + color: black; | |
| 2933 | 3035 | } |
| 2934 | 3036 | .course-curriculum .section-header { |
| 2935 | 3037 | display: table; |
| 2936 | 3038 | width: 100%; |
| @@ -3145,18 +3247,22 @@ | ||
| 3145 | 3247 | margin-top: 20px; |
| 3146 | 3248 | margin-bottom: 20px; |
| 3147 | 3249 | } |
| 3148 | 3250 | .course-curriculum .curriculum-more__button.loading:before { |
| 3149 | - display: inline-block; | |
| 3251 | + position: absolute; | |
| 3252 | + inset: 0; | |
| 3253 | + display: flex; | |
| 3254 | + align-items: center; | |
| 3255 | + justify-content: center; | |
| 3150 | 3256 | font-family: "lp-icon"; |
| 3151 | 3257 | content: "\f110"; |
| 3152 | 3258 | animation: lp-rotating 1s linear infinite; |
| 3153 | - margin-left: 5px; | |
| 3259 | + line-height: 1; | |
| 3154 | 3260 | font-variant: normal; |
| 3155 | 3261 | text-transform: none; |
| 3156 | 3262 | -webkit-font-smoothing: antialiased; |
| 3157 | 3263 | -moz-osx-font-smoothing: grayscale; |
| 3158 | - vertical-align: middle; | |
| 3264 | + color: black; | |
| 3159 | 3265 | } |
| 3160 | 3266 | |
| 3161 | 3267 | body .content-item-summary .form-button-finish-course, body .lp-quiz-buttons .form-button-finish-course { |
| 3162 | 3268 | float: left; |
| @@ -8586,8 +8692,10 @@ | ||
| 8586 | 8692 | } |
| 8587 | 8693 | |
| 8588 | 8694 | /** |
| 8589 | 8695 | * Style for table LearnPress |
| 8696 | +* @since 4.3.3 | |
| 8697 | +* @version 1.0.1 | |
| 8590 | 8698 | */ |
| 8591 | 8699 | .lp-table-wrap { |
| 8592 | 8700 | border-radius: 5px; |
| 8593 | 8701 | width: 100%; |
| @@ -8601,8 +8709,9 @@ | ||
| 8601 | 8709 | border-collapse: collapse; |
| 8602 | 8710 | width: 100%; |
| 8603 | 8711 | margin: 0; |
| 8604 | 8712 | min-width: 768px; |
| 8713 | + border: none; | |
| 8605 | 8714 | } |
| 8606 | 8715 | table.lp-list-table td { |
| 8607 | 8716 | padding: 0; |
| 8608 | 8717 | } |
| @@ -8609,50 +8718,63 @@ | ||
| 8609 | 8718 | table.lp-list-table .learn-press-pagination { |
| 8610 | 8719 | text-align: right; |
| 8611 | 8720 | } |
| 8612 | 8721 | table.lp-list-table thead { |
| 8613 | - background-color: var(--lp-white-grey, #F7F7FB); | |
| 8614 | 8722 | border: none; |
| 8615 | 8723 | } |
| 8724 | +table.lp-list-table thead tr:first-child td, table.lp-list-table thead tr:first-child th { | |
| 8725 | + border-block-start: none; | |
| 8726 | +} | |
| 8616 | 8727 | table.lp-list-table thead tr { |
| 8617 | 8728 | border-bottom: 1px solid var(--lp-border-color, #E2E0DB); |
| 8618 | 8729 | position: sticky; |
| 8619 | 8730 | top: 0; |
| 8620 | 8731 | z-index: 2; |
| 8621 | - background: #fff; | |
| 8732 | + background-color: var(--lp-white-grey, #F7F7FB); | |
| 8622 | 8733 | } |
| 8623 | -table.lp-list-table thead tr:hover { | |
| 8624 | - background: #eff6ff; | |
| 8625 | -} | |
| 8626 | 8734 | table.lp-list-table thead th { |
| 8627 | 8735 | background: none; |
| 8628 | 8736 | border: none; |
| 8629 | - font-size: 1em; | |
| 8630 | 8737 | padding: 10px 20px; |
| 8631 | 8738 | text-align: right; |
| 8632 | 8739 | } |
| 8740 | +table.lp-list-table thead th.sortable > a, table.lp-list-table thead th.sorted > a { | |
| 8741 | + display: flex; | |
| 8742 | + align-items: center; | |
| 8743 | + gap: 0.5em; | |
| 8744 | +} | |
| 8745 | +table.lp-list-table thead th .sorting-indicator { | |
| 8746 | + display: inline-flex; | |
| 8747 | + flex-direction: column; | |
| 8748 | + align-items: center; | |
| 8749 | + gap: 0.05em; | |
| 8750 | + height: 20px; | |
| 8751 | + margin: 0; | |
| 8752 | + padding: 0; | |
| 8753 | +} | |
| 8754 | +table.lp-list-table thead th .sorting-indicator i { | |
| 8755 | + color: #aaa; | |
| 8756 | + height: 10px; | |
| 8757 | +} | |
| 8758 | +table.lp-list-table thead th .sorting-indicator i.is-active { | |
| 8759 | + color: #000; | |
| 8760 | +} | |
| 8633 | 8761 | table.lp-list-table thead th td { |
| 8634 | 8762 | border: none; |
| 8635 | 8763 | padding: 0; |
| 8636 | 8764 | } |
| 8637 | -table.lp-list-table tbody { | |
| 8638 | - font-size: 14px; | |
| 8639 | -} | |
| 8640 | 8765 | table.lp-list-table tbody tr { |
| 8641 | 8766 | border: none; |
| 8642 | - border-bottom: 1px solid var(--lp-white-grey, #F7F7FB); | |
| 8643 | 8767 | } |
| 8768 | +table.lp-list-table tbody tr:nth-child(even) { | |
| 8769 | + background-color: hsla(0, 0%, 50%, 0.05); | |
| 8770 | +} | |
| 8644 | 8771 | table.lp-list-table tbody tr:hover { |
| 8645 | - background: #eff6ff !important; | |
| 8772 | + background-color: #eff6ff; | |
| 8646 | 8773 | } |
| 8647 | -table.lp-list-table tbody tr:nth-child(odd) { | |
| 8648 | - background: #f6f7f7; | |
| 8649 | -} | |
| 8650 | -table.lp-list-table tbody tr:nth-child(even) { | |
| 8651 | - background: #fff; | |
| 8652 | -} | |
| 8653 | 8774 | table.lp-list-table tbody tr td { |
| 8654 | 8775 | border: none; |
| 8776 | + border-bottom: 1px solid var(--lp-border-color, #E2E0DB); | |
| 8655 | 8777 | padding: 10px 20px; |
| 8656 | 8778 | text-align: right; |
| 8657 | 8779 | } |
| 8658 | 8780 | table.lp-list-table tbody tr td a { |
| @@ -8657,13 +8779,23 @@ | ||
| 8657 | 8779 | } |
| 8658 | 8780 | table.lp-list-table tbody tr td a { |
| 8659 | 8781 | text-decoration: none; |
| 8660 | 8782 | } |
| 8783 | +table.lp-list-table tbody tr:last-child td, table.lp-list-table tbody tr:last-child th { | |
| 8784 | + border-bottom: none; | |
| 8785 | +} | |
| 8786 | +table.lp-list-table tbody th { | |
| 8787 | + border: none; | |
| 8788 | + border-bottom: 1px solid var(--lp-border-color, #E2E0DB); | |
| 8789 | + padding: 10px 20px; | |
| 8790 | + text-align: right; | |
| 8791 | +} | |
| 8661 | 8792 | table.lp-list-table tfoot tr { |
| 8662 | 8793 | border: none; |
| 8663 | 8794 | } |
| 8664 | 8795 | table.lp-list-table tfoot tr td, table.lp-list-table tfoot tr th { |
| 8665 | 8796 | border: none; |
| 8797 | + border-top: 1px solid var(--lp-border-color, #E2E0DB); | |
| 8666 | 8798 | } |
| 8667 | 8799 | table.lp-list-table tfoot tr td > div, table.lp-list-table tfoot tr th > div { |
| 8668 | 8800 | padding: 20px; |
| 8669 | 8801 | } |
| @@ -8684,16 +8816,8 @@ | ||
| 8684 | 8816 | table.lp-list-table.order-table-details tfoot tr:not(:last-child) td, table.lp-list-table.order-table-details tfoot tr:not(:last-child) th { |
| 8685 | 8817 | padding-bottom: 0; |
| 8686 | 8818 | } |
| 8687 | 8819 | |
| 8688 | -.lp_profile_course_progress__nav { | |
| 8689 | - margin-top: 1rem; | |
| 8690 | -} | |
| 8691 | - | |
| 8692 | -#profile-content-order-details .lp-table-wrap { | |
| 8693 | - margin-bottom: 1rem; | |
| 8694 | -} | |
| 8695 | - | |
| 8696 | 8820 | /** |
| 8697 | 8821 | * Style for the popup alert, confirm |
| 8698 | 8822 | * @link https://sweetalert2.github.io/ |
| 8699 | 8823 | * @since 4.2.9 |
| @@ -8787,12 +8911,23 @@ | ||
| 8787 | 8911 | .lp-form-filter__fields > * { |
| 8788 | 8912 | flex: 1 1 0; |
| 8789 | 8913 | min-width: 0; |
| 8790 | 8914 | } |
| 8915 | +@media screen and (max-width: 782px) { | |
| 8916 | + .lp-form-filter__fields > * { | |
| 8917 | + flex: 1 1 50%; | |
| 8918 | + } | |
| 8919 | +} | |
| 8920 | +@media screen and (max-width: 500px) { | |
| 8921 | + .lp-form-filter__fields > * { | |
| 8922 | + flex: 1 1 100%; | |
| 8923 | + } | |
| 8924 | +} | |
| 8791 | 8925 | .lp-form-filter .filter-field { |
| 8792 | 8926 | display: flex; |
| 8793 | 8927 | flex-direction: column; |
| 8794 | 8928 | gap: 5px; |
| 8929 | + max-width: 200px; | |
| 8795 | 8930 | } |
| 8796 | 8931 | .lp-form-filter .filter-field label { |
| 8797 | 8932 | text-align: right; |
| 8798 | 8933 | font-weight: bold; |
| @@ -8805,8 +8940,23 @@ | ||
| 8805 | 8940 | .lp-form-filter__actions { |
| 8806 | 8941 | display: flex; |
| 8807 | 8942 | gap: 8px; |
| 8808 | 8943 | align-items: center; |
| 8944 | +} | |
| 8945 | +.lp-form-filter input, .lp-form-filter select { | |
| 8946 | + min-height: 40px; | |
| 8947 | + padding: 0 12px; | |
| 8948 | +} | |
| 8949 | +.lp-form-filter .lp-tom-select.ts-wrapper { | |
| 8950 | + width: 100%; | |
| 8951 | + min-width: auto; | |
| 8952 | + /*&.dropdown-active { | |
| 8953 | + width: 100%; | |
| 8954 | + }*/ | |
| 8955 | +} | |
| 8956 | +.lp-form-filter .lp-tom-select.ts-wrapper .ts-control { | |
| 8957 | + min-height: 40px; | |
| 8958 | + padding: 0 12px; | |
| 8809 | 8959 | } |
| 8810 | 8960 | |
| 8811 | 8961 | /* end reset css */ |
| 8812 | 8962 | @media (max-width: 1024px) { |
