← All changes | assets/css/edit-curriculum.css +70 -58 4.4.5 → 4.4.8 View file →

		@@ -3,46 +3,16 @@
3	3	*/
4	4	/**
5	5	* Mixin
6	6	*/
7		-@-webkit-keyframes rotating4 {
8		- from {
9		- -webkit-transform: rotate(0deg);
10		- -o-transform: rotate(0deg);
11		- transform: rotate(0deg);
12		- }
13		- to {
14		- -webkit-transform: rotate(360deg);
15		- -o-transform: rotate(360deg);
16		- transform: rotate(360deg);
17		- }
18		-}
19	7	@keyframes rotating4 {
20	8	from {
21		- -ms-transform: rotate(0deg);
22		- -moz-transform: rotate(0deg);
23		- -webkit-transform: rotate(0deg);
24		- -o-transform: rotate(0deg);
25	9	transform: rotate(0deg);
26	10	}
27	11	to {
28		- -ms-transform: rotate(360deg);
29		- -moz-transform: rotate(360deg);
30		- -webkit-transform: rotate(360deg);
31		- -o-transform: rotate(360deg);
32	12	transform: rotate(360deg);
33	13	}
34	14	}
35		-@-webkit-keyframes animation4 {
36		- from {
37		- left: -40%;
38		- width: 40%;
39		- }
40		- to {
41		- left: 100%;
42		- width: 10%;
43		- }
44		-}
45	15	@keyframes animation4 {
46	16	from {
47	17	left: -40%;
48	18	width: 40%;
		@@ -53,9 +23,9 @@
53	23	}
54	24	}
55	25	.learn-press-message {
56	26	position: relative;
57		- margin: 24px auto;
	27	+ margin: 0 !important;
58	28	padding: 10px 20px;
59	29	border-radius: var(--lp-border-radius, 5px);
60	30	background-color: #E5F7FF;
61	31	color: #007AFF;
		@@ -63,8 +33,9 @@
63	33	}
64	34	.learn-press-message.error {
65	35	background-color: #FEE5E5;
66	36	color: #FF3B30;
	37	+ border-left: none;
67	38	}
68	39	.learn-press-message.warning {
69	40	background-color: #FEF7E6;
70	41	color: #FF9500;
		@@ -143,8 +114,9 @@
143	114	font-size: 1rem;
144	115	/**
145	116	* Style for the buttons
146	117	*/
	118	+ /* 5. Minimal Bottom Line */
147	119	}
148	120	.lp-popup-items-to-select .lp-btn-edit-primary {
149	121	border: none;
150	122	background: #135e96;
		@@ -157,8 +129,32 @@
157	129	background: #135E96;
158	130	color: #fff;
159	131	opacity: 1;
160	132	}
	133	+.lp-popup-items-to-select .btn-line::after {
	134	+ content: "";
	135	+ position: absolute;
	136	+ bottom: 0;
	137	+ left: 0;
	138	+ height: 4px;
	139	+ width: 0%;
	140	+ background-color: #38bdf8;
	141	+ animation: lineLoad 2s ease-in-out infinite;
	142	+}
	143	+@keyframes lineLoad {
	144	+ 0% {
	145	+ width: 0%;
	146	+ left: 0;
	147	+ }
	148	+ 50% {
	149	+ width: 100%;
	150	+ left: 0;
	151	+ }
	152	+ 100% {
	153	+ width: 0%;
	154	+ left: 100%;
	155	+ }
	156	+}
161	157	.lp-popup-items-to-select .header {
162	158	position: relative;
163	159	}
164	160	.lp-popup-items-to-select .header .header-count-items-selected {
		@@ -227,18 +223,23 @@
227	223	}
228	224	.lp-popup-items-to-select .list-items, .lp-popup-items-to-select .list-items-selected {
229	225	display: flex;
230	226	flex-direction: column;
231		- gap: 10px;
232	227	overflow-y: auto;
233	228	min-height: 260px;
234		- max-height: 460px;
	229	+ max-height: 50vh;
235	230	margin: 0;
236	231	}
237	232	.lp-popup-items-to-select .list-items li, .lp-popup-items-to-select .list-items-selected li {
238	233	margin: 0;
239	234	cursor: pointer;
	235	+ padding: 10px;
	236	+ border: 1px solid white;
240	237	}
	238	+.lp-popup-items-to-select .list-items li:hover, .lp-popup-items-to-select .list-items-selected li:hover {
	239	+ background-color: #eff6ff;
	240	+ border-color: #e2eefe;
	241	+}
241	242	.lp-popup-items-to-select .list-items-selected li {
242	243	display: flex;
243	244	gap: 5px;
244	245	align-items: center;
		@@ -265,11 +266,21 @@
265	266	}
266	267	.lp-popup-items-to-select .pagination {
267	268	display: flex;
268	269	flex-wrap: wrap;
269		- margin: 10px 0 -10px -10px;
	270	+ margin: 10px 0 -10px 0;
270	271	align-items: center;
	272	+ flex-direction: column;
	273	+ gap: 10px;
271	274	}
	275	+.lp-popup-items-to-select .pagination::before {
	276	+ content: "";
	277	+ display: block;
	278	+ width: 100%;
	279	+ height: 1px;
	280	+ background-color: #ececec;
	281	+ position: relative;
	282	+}
272	283	.lp-popup-items-to-select .pagination li {
273	284	margin: 0;
274	285	cursor: pointer;
275	286	}
		@@ -450,20 +461,8 @@
450	461	}
451	462	#lp-course-edit-curriculum .curriculum-sections .section-description.editing button {
452	463	display: inline-block;
453	464	}
454		-#lp-course-edit-curriculum .curriculum-sections .section-description input::-webkit-input-placeholder {
455		- color: #2271B1;
456		-}
457		-#lp-course-edit-curriculum .curriculum-sections .section-description input::-moz-placeholder {
458		- color: #2271B1;
459		-}
460		-#lp-course-edit-curriculum .curriculum-sections .section-description input:-ms-input-placeholder {
461		- color: #2271B1;
462		-}
463		-#lp-course-edit-curriculum .curriculum-sections .section-description input:-moz-placeholder {
464		- color: #2271B1;
465		-}
466	465	#lp-course-edit-curriculum .curriculum-sections .section-description input::placeholder {
467	466	color: #2271B1;
468	467	}
469	468	#lp-course-edit-curriculum .section {
		@@ -616,20 +615,8 @@
616	615	background: transparent;
617	616	outline: none;
618	617	padding: 0;
619	618	}
620		-#lp-course-edit-curriculum .add-new-section input::-webkit-input-placeholder, #lp-course-edit-curriculum .lp-add-item-type input::-webkit-input-placeholder {
621		- color: #8A8888;
622		-}
623		-#lp-course-edit-curriculum .add-new-section input::-moz-placeholder, #lp-course-edit-curriculum .lp-add-item-type input::-moz-placeholder {
624		- color: #8A8888;
625		-}
626		-#lp-course-edit-curriculum .add-new-section input:-ms-input-placeholder, #lp-course-edit-curriculum .lp-add-item-type input:-ms-input-placeholder {
627		- color: #8A8888;
628		-}
629		-#lp-course-edit-curriculum .add-new-section input:-moz-placeholder, #lp-course-edit-curriculum .lp-add-item-type input:-moz-placeholder {
630		- color: #8A8888;
631		-}
632	619	#lp-course-edit-curriculum .add-new-section input::placeholder, #lp-course-edit-curriculum .lp-add-item-type input::placeholder {
633	620	color: #8A8888;
634	621	}
635	622	#lp-course-edit-curriculum .add-new-section {
		@@ -638,8 +625,9 @@
638	625	background-color: #F4FCFF;
639	626	/**
640	627	* Style for the buttons
641	628	*/
	629	+ /* 5. Minimal Bottom Line */
642	630	/*.lp-btn-add-section {
643	631	border: none;
644	632	background: rgba(19, 94, 150, 0.5);
645	633	color: #fff;
		@@ -667,8 +655,32 @@
667	655	#lp-course-edit-curriculum .add-new-section .lp-btn-edit-primary:hover, #lp-course-edit-curriculum .add-new-section .lp-btn-edit-primary.active, #lp-course-edit-curriculum .add-new-section .lp-btn-edit-primary.active:hover {
668	656	background: #135E96;
669	657	color: #fff;
670	658	opacity: 1;
	659	+}
	660	+#lp-course-edit-curriculum .add-new-section .btn-line::after {
	661	+ content: "";
	662	+ position: absolute;
	663	+ bottom: 0;
	664	+ left: 0;
	665	+ height: 4px;
	666	+ width: 0%;
	667	+ background-color: #38bdf8;
	668	+ animation: lineLoad 2s ease-in-out infinite;
	669	+}
	670	+@keyframes lineLoad {
	671	+ 0% {
	672	+ width: 0%;
	673	+ left: 0;
	674	+ }
	675	+ 50% {
	676	+ width: 100%;
	677	+ left: 0;
	678	+ }
	679	+ 100% {
	680	+ width: 0%;
	681	+ left: 100%;
	682	+ }
671	683	}
672	684	#lp-course-edit-curriculum .lp-add-item-type {
673	685	border: 1px solid #2271B1;
674	686	margin-bottom: 10px;