← All changes | assets/css/edit-curriculum.css +82 -1 4.4.7 → 4.4.9 View file →

		@@ -23,8 +23,10 @@
23	23	}
24	24	}
25	25	.learn-press-message {
26	26	position: relative;
	27	+ display: flex;
	28	+ align-items: center;
27	29	margin: 0 !important;
28	30	padding: 10px 20px;
29	31	border-radius: var(--lp-border-radius, 5px);
30	32	background-color: #E5F7FF;
		@@ -30,25 +32,54 @@
30	32	background-color: #E5F7FF;
31	33	color: #007AFF;
32	34	max-width: 100%;
33	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	+}
34	45	.learn-press-message.error {
35	46	background-color: #FEE5E5;
36	47	color: #FF3B30;
37		- border-left: none;
	48	+ border: 1px solid #E31A1A;
	49	+ padding: 10px 20px;
38	50	}
	51	+.learn-press-message.error::before {
	52	+ content: "\f071";
	53	+ color: #E31A1A;
	54	+}
39	55	.learn-press-message.warning {
40	56	background-color: #FEF7E6;
41	57	color: #FF9500;
	58	+ border: 1px solid #F8A100;
42	59	}
	60	+.learn-press-message.warning::before {
	61	+ content: "\f06a";
	62	+ color: #F8A100;
	63	+}
43	64	.learn-press-message.success {
44	65	background-color: #EBF8E5;
45	66	color: #3AB500;
	67	+ border: 1px solid #28A746;
46	68	}
	69	+.learn-press-message.success::before {
	70	+ content: "\f058";
	71	+ color: #28A746;
	72	+}
47	73	.learn-press-message.info {
48	74	background-color: rgba(0, 122, 255, 0.1019607843);
49	75	color: #007AFF;
	76	+ border: 1px solid #2E91FA;
50	77	}
	78	+.learn-press-message.info::before {
	79	+ content: "\e931";
	80	+ color: #2E91FA;
	81	+}
51	82	.learn-press-message a {
52	83	text-decoration: underline;
53	84	}
54	85
		@@ -114,8 +145,9 @@
114	145	font-size: 1rem;
115	146	/**
116	147	* Style for the buttons
117	148	*/
	149	+ /* 5. Minimal Bottom Line */
118	150	}
119	151	.lp-popup-items-to-select .lp-btn-edit-primary {
120	152	border: none;
121	153	background: #135e96;
		@@ -128,8 +160,32 @@
128	160	background: #135E96;
129	161	color: #fff;
130	162	opacity: 1;
131	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	+}
132	188	.lp-popup-items-to-select .header {
133	189	position: relative;
134	190	}
135	191	.lp-popup-items-to-select .header .header-count-items-selected {
		@@ -600,8 +656,9 @@
600	656	background-color: #F4FCFF;
601	657	/**
602	658	* Style for the buttons
603	659	*/
	660	+ /* 5. Minimal Bottom Line */
604	661	/*.lp-btn-add-section {
605	662	border: none;
606	663	background: rgba(19, 94, 150, 0.5);
607	664	color: #fff;
		@@ -629,8 +686,32 @@
629	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 {
630	687	background: #135E96;
631	688	color: #fff;
632	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	+ }
633	714	}
634	715	#lp-course-edit-curriculum .lp-add-item-type {
635	716	border: 1px solid #2271B1;
636	717	margin-bottom: 10px;