PluginProbe
LearnPress – WordPress LMS Plugin for Create and Sell Online Courses / 4.4.9.1
LearnPress – WordPress LMS Plugin for Create and Sell Online Courses v4.4.9.1
4.4.9.1 4.4.9 4.4.8 4.4.7 4.4.6 4.4.5 4.4.4 4.4.3 4.4.2 4.4.1 4.4.0 4.3.9.1 4.3.9 4.3.8 4.3.7 4.1.6.9 4.1.6.9.1 4.1.6.9.2 4.1.6.9.3 4.1.6.9.4 4.1.7 4.1.7.1 4.1.7.2 4.1.7.3 4.1.7.3.1 All 141 releases
← All changes | assets/css/course-builder-rtl.css +256 -113 4.4.6 → 4.4.9.1 View file →
@@ -4,8 +4,114 @@
4 4 padding: 0;
5 5 }
6 6
7 7 /**
8 + * Mixin
9 + */
10 +@keyframes rotating4 {
11 + from {
12 + transform: rotate(0deg);
13 + }
14 + to {
15 + transform: rotate(-360deg);
16 + }
17 +}
18 +@keyframes animation4 {
19 + from {
20 + right: -40%;
21 + width: 40%;
22 + }
23 + to {
24 + right: 100%;
25 + width: 10%;
26 + }
27 +}
28 +:root {
29 + --lp-cotainer-max-with: var(--lp-container-max-width);
30 +}
31 +
32 +.wp-block-group {
33 + --lp-container-max-width: var(--wp--style--global--wide-size);
34 +}
35 +
36 +/**
37 +* Style for the buttons
38 +*/
39 +.lp-btn-edit-primary {
40 + border: none;
41 + background: #135e96;
42 + color: #fff;
43 +}
44 +.lp-btn-edit-primary:not(.active) {
45 + opacity: 0.5;
46 +}
47 +.lp-btn-edit-primary:hover, .lp-btn-edit-primary.active, .lp-btn-edit-primary.active:hover {
48 + background: #135E96;
49 + color: #fff;
50 + opacity: 1;
51 +}
52 +
53 +/* 5. Minimal Bottom Line */
54 +.btn-line::after {
55 + content: "";
56 + position: absolute;
57 + bottom: 0;
58 + right: 0;
59 + height: 4px;
60 + width: 0%;
61 + background-color: #38bdf8;
62 + animation: lineLoad 2s ease-in-out infinite;
63 +}
64 +
65 +@keyframes lineLoad {
66 + 0% {
67 + width: 0%;
68 + right: 0;
69 + }
70 + 50% {
71 + width: 100%;
72 + right: 0;
73 + }
74 + 100% {
75 + width: 0%;
76 + right: 100%;
77 + }
78 +}
79 +.lp-button {
80 + padding: 8px 16px;
81 + border: 1px solid var(--lp-border-color, #E2E0DB);
82 + border-radius: var(--lp-border-radius, 5px);
83 + color: #374151;
84 + font-weight: 500;
85 + text-decoration: none;
86 + cursor: pointer;
87 +}
88 +.lp-button.loading {
89 + position: relative;
90 + display: inline-flex;
91 + align-items: center;
92 + justify-content: center;
93 + pointer-events: none;
94 + color: rgba(0, 0, 0, 0.2) !important;
95 +}
96 +.lp-button.loading:before {
97 + position: absolute;
98 + inset: 0;
99 + display: flex;
100 + align-items: center;
101 + justify-content: center;
102 + font-family: "lp-icon";
103 + content: "\f110";
104 + animation: lp-rotating 1s linear infinite;
105 + line-height: 1;
106 + font-variant: normal;
107 + text-transform: none;
108 + -webkit-font-smoothing: antialiased;
109 + -moz-osx-font-smoothing: grayscale;
110 + color: black;
111 +}
112 +
113 +/**
8 114 * Styles for all page of LP
9 115 *
10 116 * @since 4.2.3
11 117 * @version 1.0.0
@@ -144,30 +250,8 @@
144 250 width: 20px;
145 251 height: 20px;
146 252 }
147 253
148 -.lp-button {
149 - border: 1px solid var(--lp-border-color, #E2E0DB);
150 - border-radius: var(--lp-border-radius, 5px);
151 - padding: 8px 16px;
152 -}
153 -.lp-button.loading {
154 - pointer-events: none;
155 - opacity: 0.8;
156 -}
157 -.lp-button.loading:before {
158 - display: inline-block;
159 - font-family: "lp-icon";
160 - content: "\f110";
161 - animation: lp-rotating 1s linear infinite;
162 - margin-left: 5px;
163 - font-variant: normal;
164 - text-transform: none;
165 - -webkit-font-smoothing: antialiased;
166 - -moz-osx-font-smoothing: grayscale;
167 - vertical-align: middle;
168 -}
169 -
170 254 .lp-hidden {
171 255 display: none !important;
172 256 }
173 257
@@ -179,8 +263,11 @@
179 263 }
180 264
181 265 .learn-press-message {
182 266 position: relative;
267 + display: flex;
268 + align-items: center;
269 + margin: 0 !important;
183 270 padding: 10px 20px;
184 271 border-radius: var(--lp-border-radius, 5px);
185 272 background-color: #E5F7FF;
186 273 color: #007AFF;
@@ -185,24 +272,54 @@
185 272 background-color: #E5F7FF;
186 273 color: #007AFF;
187 274 max-width: 100%;
188 275 }
276 +.learn-press-message::before {
277 + display: inline-block;
278 + margin-left: 8px;
279 + font-family: "lp-icon";
280 + font-size: 20px;
281 + font-style: normal;
282 + font-weight: normal;
283 + line-height: 1;
284 +}
189 285 .learn-press-message.error {
190 286 background-color: #FEE5E5;
191 287 color: #FF3B30;
288 + border: 1px solid #E31A1A;
289 + padding: 10px 20px;
192 290 }
291 +.learn-press-message.error::before {
292 + content: "\f071";
293 + color: #E31A1A;
294 +}
193 295 .learn-press-message.warning {
194 296 background-color: #FEF7E6;
195 297 color: #FF9500;
298 + border: 1px solid #F8A100;
196 299 }
300 +.learn-press-message.warning::before {
301 + content: "\f06a";
302 + color: #F8A100;
303 +}
197 304 .learn-press-message.success {
198 305 background-color: #EBF8E5;
199 306 color: #3AB500;
307 + border: 1px solid #28A746;
200 308 }
309 +.learn-press-message.success::before {
310 + content: "\f058";
311 + color: #28A746;
312 +}
201 313 .learn-press-message.info {
202 314 background-color: rgba(0, 122, 255, 0.1019607843);
203 315 color: #007AFF;
316 + border: 1px solid #2E91FA;
204 317 }
318 +.learn-press-message.info::before {
319 + content: "\e931";
320 + color: #2E91FA;
321 +}
205 322 .learn-press-message a {
206 323 text-decoration: underline;
207 324 }
208 325
@@ -858,8 +975,12 @@
858 975 display: inline-flex;
859 976 align-items: center;
860 977 gap: 8px;
861 978 }
979 +.lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn.loading:before,
980 +.lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button.loading:before {
981 + color: white !important;
982 +}
862 983 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-primary,
863 984 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-primary {
864 985 background-color: #7E6CE2;
865 986 color: #fff;
@@ -6840,31 +6961,18 @@
6840 6961 font-weight: 600;
6841 6962 cursor: pointer;
6842 6963 white-space: nowrap;
6843 6964 transition: background 0.2s;
6965 + /*&.loading {
6966 + pointer-events: none;
6967 + opacity: 0.8;
6968 + @include loading();
6969 + }*/
6844 6970 }
6845 6971 .lp-course-builder-content__section .cb-course-edit-category__btn-save:hover,
6846 6972 .lp-course-builder-content__section .cb-course-edit-tags__btn-save:hover {
6847 6973 background: #333;
6848 6974 }
6849 -.lp-course-builder-content__section .cb-course-edit-category__btn-save.loading,
6850 -.lp-course-builder-content__section .cb-course-edit-tags__btn-save.loading {
6851 - pointer-events: none;
6852 - opacity: 0.8;
6853 -}
6854 -.lp-course-builder-content__section .cb-course-edit-category__btn-save.loading:before,
6855 -.lp-course-builder-content__section .cb-course-edit-tags__btn-save.loading:before {
6856 - display: inline-block;
6857 - font-family: "lp-icon";
6858 - content: "\f110";
6859 - animation: lp-rotating 1s linear infinite;
6860 - margin-left: 5px;
6861 - font-variant: normal;
6862 - text-transform: none;
6863 - -webkit-font-smoothing: antialiased;
6864 - -moz-osx-font-smoothing: grayscale;
6865 - vertical-align: middle;
6866 -}
6867 6975 .lp-course-builder-content__section .cb-course-edit-tag__btn-cancel,
6868 6976 .lp-course-builder-content__section .cb-course-edit-category__btn-cancel {
6869 6977 flex: 1;
6870 6978 padding: 8px 14px;
@@ -7439,18 +7547,22 @@
7439 7547 opacity: 0.8;
7440 7548 }
7441 7549 .lp-course-builder-content__section .cb-course-edit-category__btn-save.loading:before,
7442 7550 .lp-course-builder-content__section .cb-course-edit-tags__btn-save.loading:before {
7443 - display: inline-block;
7551 + position: absolute;
7552 + inset: 0;
7553 + display: flex;
7554 + align-items: center;
7555 + justify-content: center;
7444 7556 font-family: "lp-icon";
7445 7557 content: "\f110";
7446 7558 animation: lp-rotating 1s linear infinite;
7447 - margin-left: 5px;
7559 + line-height: 1;
7448 7560 font-variant: normal;
7449 7561 text-transform: none;
7450 7562 -webkit-font-smoothing: antialiased;
7451 7563 -moz-osx-font-smoothing: grayscale;
7452 - vertical-align: middle;
7564 + color: black;
7453 7565 }
7454 7566 .lp-course-builder-content__section .cb-course-edit-tag__btn-cancel,
7455 7567 .lp-course-builder-content__section .cb-course-edit-category__btn-cancel {
7456 7568 flex: 1;
@@ -8951,31 +9063,18 @@
8951 9063 font-weight: 600;
8952 9064 cursor: pointer;
8953 9065 white-space: nowrap;
8954 9066 transition: background 0.2s;
9067 + /*&.loading {
9068 + pointer-events: none;
9069 + opacity: 0.8;
9070 + @include loading();
9071 + }*/
8955 9072 }
8956 9073 .lp-cb-tab-content .cb-section__course-edit .cb-course-edit-category__btn-save:hover,
8957 9074 .lp-cb-tab-content .cb-section__course-edit .cb-course-edit-tags__btn-save:hover {
8958 9075 background: #333;
8959 9076 }
8960 -.lp-cb-tab-content .cb-section__course-edit .cb-course-edit-category__btn-save.loading,
8961 -.lp-cb-tab-content .cb-section__course-edit .cb-course-edit-tags__btn-save.loading {
8962 - pointer-events: none;
8963 - opacity: 0.8;
8964 -}
8965 -.lp-cb-tab-content .cb-section__course-edit .cb-course-edit-category__btn-save.loading:before,
8966 -.lp-cb-tab-content .cb-section__course-edit .cb-course-edit-tags__btn-save.loading:before {
8967 - display: inline-block;
8968 - font-family: "lp-icon";
8969 - content: "\f110";
8970 - animation: lp-rotating 1s linear infinite;
8971 - margin-left: 5px;
8972 - font-variant: normal;
8973 - text-transform: none;
8974 - -webkit-font-smoothing: antialiased;
8975 - -moz-osx-font-smoothing: grayscale;
8976 - vertical-align: middle;
8977 -}
8978 9077 .lp-cb-tab-content .cb-section__course-edit .cb-course-edit-tag__btn-cancel,
8979 9078 .lp-cb-tab-content .cb-section__course-edit .cb-course-edit-category__btn-cancel {
8980 9079 flex: 1;
8981 9080 padding: 8px 14px;
@@ -9550,18 +9649,22 @@
9550 9649 opacity: 0.8;
9551 9650 }
9552 9651 .lp-cb-tab-content .cb-section__course-edit .cb-course-edit-category__btn-save.loading:before,
9553 9652 .lp-cb-tab-content .cb-section__course-edit .cb-course-edit-tags__btn-save.loading:before {
9554 - display: inline-block;
9653 + position: absolute;
9654 + inset: 0;
9655 + display: flex;
9656 + align-items: center;
9657 + justify-content: center;
9555 9658 font-family: "lp-icon";
9556 9659 content: "\f110";
9557 9660 animation: lp-rotating 1s linear infinite;
9558 - margin-left: 5px;
9661 + line-height: 1;
9559 9662 font-variant: normal;
9560 9663 text-transform: none;
9561 9664 -webkit-font-smoothing: antialiased;
9562 9665 -moz-osx-font-smoothing: grayscale;
9563 - vertical-align: middle;
9666 + color: black;
9564 9667 }
9565 9668 .lp-cb-tab-content .cb-section__course-edit .cb-course-edit-tag__btn-cancel,
9566 9669 .lp-cb-tab-content .cb-section__course-edit .cb-course-edit-category__btn-cancel {
9567 9670 flex: 1;
@@ -13653,31 +13756,18 @@
13653 13756 font-weight: 600;
13654 13757 cursor: pointer;
13655 13758 white-space: nowrap;
13656 13759 transition: background 0.2s;
13760 + /*&.loading {
13761 + pointer-events: none;
13762 + opacity: 0.8;
13763 + @include loading();
13764 + }*/
13657 13765 }
13658 13766 .cb-section__quiz-edit .cb-course-edit-category__btn-save:hover,
13659 13767 .cb-section__quiz-edit .cb-course-edit-tags__btn-save:hover {
13660 13768 background: #333;
13661 13769 }
13662 -.cb-section__quiz-edit .cb-course-edit-category__btn-save.loading,
13663 -.cb-section__quiz-edit .cb-course-edit-tags__btn-save.loading {
13664 - pointer-events: none;
13665 - opacity: 0.8;
13666 -}
13667 -.cb-section__quiz-edit .cb-course-edit-category__btn-save.loading:before,
13668 -.cb-section__quiz-edit .cb-course-edit-tags__btn-save.loading:before {
13669 - display: inline-block;
13670 - font-family: "lp-icon";
13671 - content: "\f110";
13672 - animation: lp-rotating 1s linear infinite;
13673 - margin-left: 5px;
13674 - font-variant: normal;
13675 - text-transform: none;
13676 - -webkit-font-smoothing: antialiased;
13677 - -moz-osx-font-smoothing: grayscale;
13678 - vertical-align: middle;
13679 -}
13680 13770 .cb-section__quiz-edit .cb-course-edit-tag__btn-cancel,
13681 13771 .cb-section__quiz-edit .cb-course-edit-category__btn-cancel {
13682 13772 flex: 1;
13683 13773 padding: 8px 14px;
@@ -14252,18 +14342,22 @@
14252 14342 opacity: 0.8;
14253 14343 }
14254 14344 .cb-section__quiz-edit .cb-course-edit-category__btn-save.loading:before,
14255 14345 .cb-section__quiz-edit .cb-course-edit-tags__btn-save.loading:before {
14256 - display: inline-block;
14346 + position: absolute;
14347 + inset: 0;
14348 + display: flex;
14349 + align-items: center;
14350 + justify-content: center;
14257 14351 font-family: "lp-icon";
14258 14352 content: "\f110";
14259 14353 animation: lp-rotating 1s linear infinite;
14260 - margin-left: 5px;
14354 + line-height: 1;
14261 14355 font-variant: normal;
14262 14356 text-transform: none;
14263 14357 -webkit-font-smoothing: antialiased;
14264 14358 -moz-osx-font-smoothing: grayscale;
14265 - vertical-align: middle;
14359 + color: black;
14266 14360 }
14267 14361 .cb-section__quiz-edit .cb-course-edit-tag__btn-cancel,
14268 14362 .cb-section__quiz-edit .cb-course-edit-category__btn-cancel {
14269 14363 flex: 1;
@@ -17134,8 +17228,10 @@
17134 17228 }
17135 17229 }*/
17136 17230 /**
17137 17231 * Style for table LearnPress
17232 +* @since 4.3.3
17233 +* @version 1.0.1
17138 17234 */
17139 17235 .lp-table-wrap {
17140 17236 border-radius: 5px;
17141 17237 width: 100%;
@@ -17149,8 +17245,9 @@
17149 17245 border-collapse: collapse;
17150 17246 width: 100%;
17151 17247 margin: 0;
17152 17248 min-width: 768px;
17249 + border: none;
17153 17250 }
17154 17251 table.lp-list-table td {
17155 17252 padding: 0;
17156 17253 }
@@ -17157,50 +17254,63 @@
17157 17254 table.lp-list-table .learn-press-pagination {
17158 17255 text-align: right;
17159 17256 }
17160 17257 table.lp-list-table thead {
17161 - background-color: var(--lp-white-grey, #F7F7FB);
17162 17258 border: none;
17163 17259 }
17260 +table.lp-list-table thead tr:first-child td, table.lp-list-table thead tr:first-child th {
17261 + border-block-start: none;
17262 +}
17164 17263 table.lp-list-table thead tr {
17165 17264 border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
17166 17265 position: sticky;
17167 17266 top: 0;
17168 17267 z-index: 2;
17169 - background: #fff;
17268 + background-color: var(--lp-white-grey, #F7F7FB);
17170 17269 }
17171 -table.lp-list-table thead tr:hover {
17172 - background: #eff6ff;
17173 -}
17174 17270 table.lp-list-table thead th {
17175 17271 background: none;
17176 17272 border: none;
17177 - font-size: 1em;
17178 17273 padding: 10px 20px;
17179 17274 text-align: right;
17180 17275 }
17276 +table.lp-list-table thead th.sortable > a, table.lp-list-table thead th.sorted > a {
17277 + display: flex;
17278 + align-items: center;
17279 + gap: 0.5em;
17280 +}
17281 +table.lp-list-table thead th .sorting-indicator {
17282 + display: inline-flex;
17283 + flex-direction: column;
17284 + align-items: center;
17285 + gap: 0.05em;
17286 + height: 20px;
17287 + margin: 0;
17288 + padding: 0;
17289 +}
17290 +table.lp-list-table thead th .sorting-indicator i {
17291 + color: #aaa;
17292 + height: 10px;
17293 +}
17294 +table.lp-list-table thead th .sorting-indicator i.is-active {
17295 + color: #000;
17296 +}
17181 17297 table.lp-list-table thead th td {
17182 17298 border: none;
17183 17299 padding: 0;
17184 17300 }
17185 -table.lp-list-table tbody {
17186 - font-size: 14px;
17187 -}
17188 17301 table.lp-list-table tbody tr {
17189 17302 border: none;
17190 - border-bottom: 1px solid var(--lp-white-grey, #F7F7FB);
17191 17303 }
17304 +table.lp-list-table tbody tr:nth-child(even) {
17305 + background-color: hsla(0, 0%, 50%, 0.05);
17306 +}
17192 17307 table.lp-list-table tbody tr:hover {
17193 - background: #eff6ff !important;
17308 + background-color: #eff6ff;
17194 17309 }
17195 -table.lp-list-table tbody tr:nth-child(odd) {
17196 - background: #f6f7f7;
17197 -}
17198 -table.lp-list-table tbody tr:nth-child(even) {
17199 - background: #fff;
17200 -}
17201 17310 table.lp-list-table tbody tr td {
17202 17311 border: none;
17312 + border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
17203 17313 padding: 10px 20px;
17204 17314 text-align: right;
17205 17315 }
17206 17316 table.lp-list-table tbody tr td a {
@@ -17205,13 +17315,23 @@
17205 17315 }
17206 17316 table.lp-list-table tbody tr td a {
17207 17317 text-decoration: none;
17208 17318 }
17319 +table.lp-list-table tbody tr:last-child td, table.lp-list-table tbody tr:last-child th {
17320 + border-bottom: none;
17321 +}
17322 +table.lp-list-table tbody th {
17323 + border: none;
17324 + border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
17325 + padding: 10px 20px;
17326 + text-align: right;
17327 +}
17209 17328 table.lp-list-table tfoot tr {
17210 17329 border: none;
17211 17330 }
17212 17331 table.lp-list-table tfoot tr td, table.lp-list-table tfoot tr th {
17213 17332 border: none;
17333 + border-top: 1px solid var(--lp-border-color, #E2E0DB);
17214 17334 }
17215 17335 table.lp-list-table tfoot tr td > div, table.lp-list-table tfoot tr th > div {
17216 17336 padding: 20px;
17217 17337 }
@@ -17232,16 +17352,8 @@
17232 17352 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 {
17233 17353 padding-bottom: 0;
17234 17354 }
17235 17355
17236 -.lp_profile_course_progress__nav {
17237 - margin-top: 1rem;
17238 -}
17239 -
17240 -#profile-content-order-details .lp-table-wrap {
17241 - margin-bottom: 1rem;
17242 -}
17243 -
17244 17356 /**
17245 17357 * Style for the Form Filter list
17246 17358 * @since 4.4.5
17247 17359 * @version 1.0.0
@@ -17260,15 +17372,27 @@
17260 17372 .lp-form-filter__fields > * {
17261 17373 flex: 1 1 0;
17262 17374 min-width: 0;
17263 17375 }
17376 +@media screen and (max-width: 782px) {
17377 + .lp-form-filter__fields > * {
17378 + flex: 1 1 50%;
17379 + }
17380 +}
17381 +@media screen and (max-width: 500px) {
17382 + .lp-form-filter__fields > * {
17383 + flex: 1 1 100%;
17384 + }
17385 +}
17264 17386 .lp-form-filter .filter-field {
17265 17387 display: flex;
17266 17388 flex-direction: column;
17267 17389 gap: 5px;
17390 + max-width: 200px;
17268 17391 }
17269 17392 .lp-form-filter .filter-field label {
17270 17393 text-align: right;
17394 + font-weight: bold;
17271 17395 }
17272 17396 .lp-form-filter button {
17273 17397 display: inline-flex;
17274 17398 align-items: center;
@@ -17278,8 +17402,23 @@
17278 17402 display: flex;
17279 17403 gap: 8px;
17280 17404 align-items: center;
17281 17405 }
17406 +.lp-form-filter input, .lp-form-filter select {
17407 + min-height: 40px;
17408 + padding: 0 12px;
17409 +}
17410 +.lp-form-filter .lp-tom-select.ts-wrapper {
17411 + width: 100%;
17412 + min-width: auto;
17413 + /*&.dropdown-active {
17414 + width: 100%;
17415 + }*/
17416 +}
17417 +.lp-form-filter .lp-tom-select.ts-wrapper .ts-control {
17418 + min-height: 40px;
17419 + padding: 0 12px;
17420 +}
17282 17421
17283 17422 @keyframes rotation {
17284 17423 0% {
17285 17424 transform: rotate(0deg);
@@ -17333,18 +17472,22 @@
17333 17472 pointer-events: none;
17334 17473 opacity: 0.8;
17335 17474 }
17336 17475 .learn-press-course-builder .cb-section__course-edit .cb-button.loading:before {
17337 - display: inline-block;
17476 + position: absolute;
17477 + inset: 0;
17478 + display: flex;
17479 + align-items: center;
17480 + justify-content: center;
17338 17481 font-family: "lp-icon";
17339 17482 content: "\f110";
17340 17483 animation: lp-rotating 1s linear infinite;
17341 - margin-left: 5px;
17484 + line-height: 1;
17342 17485 font-variant: normal;
17343 17486 text-transform: none;
17344 17487 -webkit-font-smoothing: antialiased;
17345 17488 -moz-osx-font-smoothing: grayscale;
17346 - vertical-align: middle;
17489 + color: black;
17347 17490 }
17348 17491 .learn-press-course-builder .cb-section__course-edit .lp-meta-box {
17349 17492 background: transparent;
17350 17493 }