← All changes | assets/css/edit-curriculum.css +83 -0 4.4.6 → 4.4.9 View file →

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