← All changes | assets/css/edit-curriculum.css +101 -58 4.4.5 → 4.4.9 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,11 @@
53	23	}
54	24	}
55	25	.learn-press-message {
56	26	position: relative;
57		- margin: 24px auto;
	27	+ display: flex;
	28	+ align-items: center;
	29	+ margin: 0 !important;
58	30	padding: 10px 20px;
59	31	border-radius: var(--lp-border-radius, 5px);
60	32	background-color: #E5F7FF;
61	33	color: #007AFF;
		@@ -60,24 +32,54 @@
60	32	background-color: #E5F7FF;
61	33	color: #007AFF;
62	34	max-width: 100%;
63	35	}
	36	+.learn-press-message::before {
	37	+ display: inline-block;
	38	+ margin-right: 8px;
	39	+ font-family: "lp-icon";
	40	+ font-size: 20px;
	41	+ font-style: normal;
	42	+ font-weight: normal;
	43	+ line-height: 1;
	44	+}
64	45	.learn-press-message.error {
65	46	background-color: #FEE5E5;
66	47	color: #FF3B30;
	48	+ border: 1px solid #E31A1A;
	49	+ padding: 10px 20px;
67	50	}
	51	+.learn-press-message.error::before {
	52	+ content: "\f071";
	53	+ color: #E31A1A;
	54	+}
68	55	.learn-press-message.warning {
69	56	background-color: #FEF7E6;
70	57	color: #FF9500;
	58	+ border: 1px solid #F8A100;
71	59	}
	60	+.learn-press-message.warning::before {
	61	+ content: "\f06a";
	62	+ color: #F8A100;
	63	+}
72	64	.learn-press-message.success {
73	65	background-color: #EBF8E5;
74	66	color: #3AB500;
	67	+ border: 1px solid #28A746;
75	68	}
	69	+.learn-press-message.success::before {
	70	+ content: "\f058";
	71	+ color: #28A746;
	72	+}
76	73	.learn-press-message.info {
77	74	background-color: rgba(0, 122, 255, 0.1019607843);
78	75	color: #007AFF;
	76	+ border: 1px solid #2E91FA;
79	77	}
	78	+.learn-press-message.info::before {
	79	+ content: "\e931";
	80	+ color: #2E91FA;
	81	+}
80	82	.learn-press-message a {
81	83	text-decoration: underline;
82	84	}
83	85
		@@ -143,8 +145,9 @@
143	145	font-size: 1rem;
144	146	/**
145	147	* Style for the buttons
146	148	*/
	149	+ /* 5. Minimal Bottom Line */
147	150	}
148	151	.lp-popup-items-to-select .lp-btn-edit-primary {
149	152	border: none;
150	153	background: #135e96;
		@@ -157,8 +160,32 @@
157	160	background: #135E96;
158	161	color: #fff;
159	162	opacity: 1;
160	163	}
	164	+.lp-popup-items-to-select .btn-line::after {
	165	+ content: "";
	166	+ position: absolute;
	167	+ bottom: 0;
	168	+ left: 0;
	169	+ height: 4px;
	170	+ width: 0%;
	171	+ background-color: #38bdf8;
	172	+ animation: lineLoad 2s ease-in-out infinite;
	173	+}
	174	+@keyframes lineLoad {
	175	+ 0% {
	176	+ width: 0%;
	177	+ left: 0;
	178	+ }
	179	+ 50% {
	180	+ width: 100%;
	181	+ left: 0;
	182	+ }
	183	+ 100% {
	184	+ width: 0%;
	185	+ left: 100%;
	186	+ }
	187	+}
161	188	.lp-popup-items-to-select .header {
162	189	position: relative;
163	190	}
164	191	.lp-popup-items-to-select .header .header-count-items-selected {
		@@ -227,18 +254,23 @@
227	254	}
228	255	.lp-popup-items-to-select .list-items, .lp-popup-items-to-select .list-items-selected {
229	256	display: flex;
230	257	flex-direction: column;
231		- gap: 10px;
232	258	overflow-y: auto;
233	259	min-height: 260px;
234		- max-height: 460px;
	260	+ max-height: 50vh;
235	261	margin: 0;
236	262	}
237	263	.lp-popup-items-to-select .list-items li, .lp-popup-items-to-select .list-items-selected li {
238	264	margin: 0;
239	265	cursor: pointer;
	266	+ padding: 10px;
	267	+ border: 1px solid white;
240	268	}
	269	+.lp-popup-items-to-select .list-items li:hover, .lp-popup-items-to-select .list-items-selected li:hover {
	270	+ background-color: #eff6ff;
	271	+ border-color: #e2eefe;
	272	+}
241	273	.lp-popup-items-to-select .list-items-selected li {
242	274	display: flex;
243	275	gap: 5px;
244	276	align-items: center;
		@@ -265,11 +297,21 @@
265	297	}
266	298	.lp-popup-items-to-select .pagination {
267	299	display: flex;
268	300	flex-wrap: wrap;
269		- margin: 10px 0 -10px -10px;
	301	+ margin: 10px 0 -10px 0;
270	302	align-items: center;
	303	+ flex-direction: column;
	304	+ gap: 10px;
271	305	}
	306	+.lp-popup-items-to-select .pagination::before {
	307	+ content: "";
	308	+ display: block;
	309	+ width: 100%;
	310	+ height: 1px;
	311	+ background-color: #ececec;
	312	+ position: relative;
	313	+}
272	314	.lp-popup-items-to-select .pagination li {
273	315	margin: 0;
274	316	cursor: pointer;
275	317	}
		@@ -450,20 +492,8 @@
450	492	}
451	493	#lp-course-edit-curriculum .curriculum-sections .section-description.editing button {
452	494	display: inline-block;
453	495	}
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	496	#lp-course-edit-curriculum .curriculum-sections .section-description input::placeholder {
467	497	color: #2271B1;
468	498	}
469	499	#lp-course-edit-curriculum .section {
		@@ -616,20 +646,8 @@
616	646	background: transparent;
617	647	outline: none;
618	648	padding: 0;
619	649	}
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	650	#lp-course-edit-curriculum .add-new-section input::placeholder, #lp-course-edit-curriculum .lp-add-item-type input::placeholder {
633	651	color: #8A8888;
634	652	}
635	653	#lp-course-edit-curriculum .add-new-section {
		@@ -638,8 +656,9 @@
638	656	background-color: #F4FCFF;
639	657	/**
640	658	* Style for the buttons
641	659	*/
	660	+ /* 5. Minimal Bottom Line */
642	661	/*.lp-btn-add-section {
643	662	border: none;
644	663	background: rgba(19, 94, 150, 0.5);
645	664	color: #fff;
		@@ -667,8 +686,32 @@
667	686	#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	687	background: #135E96;
669	688	color: #fff;
670	689	opacity: 1;
	690	+}
	691	+#lp-course-edit-curriculum .add-new-section .btn-line::after {
	692	+ content: "";
	693	+ position: absolute;
	694	+ bottom: 0;
	695	+ left: 0;
	696	+ height: 4px;
	697	+ width: 0%;
	698	+ background-color: #38bdf8;
	699	+ animation: lineLoad 2s ease-in-out infinite;
	700	+}
	701	+@keyframes lineLoad {
	702	+ 0% {
	703	+ width: 0%;
	704	+ left: 0;
	705	+ }
	706	+ 50% {
	707	+ width: 100%;
	708	+ left: 0;
	709	+ }
	710	+ 100% {
	711	+ width: 0%;
	712	+ left: 100%;
	713	+ }
671	714	}
672	715	#lp-course-edit-curriculum .lp-add-item-type {
673	716	border: 1px solid #2271B1;
674	717	margin-bottom: 10px;