← All changes | assets/css/edit-quiz.css +96 -3 4.4.1 → 4.4.8 View file →

		@@ -111,8 +111,11 @@
111	111	.swal2-popup .swal2-close {
112	112	background-color: unset !important;
113	113	outline: none !important;
114	114	color: rgb(204, 204, 204) !important;
	115	+ font-size: 30px;
	116	+ box-shadow: none !important;
	117	+ position: absolute;
115	118	}
116	119	.swal2-popup .swal2-close:hover {
117	120	color: #f27474 !important;
118	121	}
		@@ -141,8 +144,9 @@
141	144	grid-template-columns: 1fr 1fr;
142	145	/**
143	146	* Style for the buttons
144	147	*/
	148	+ /* 5. Minimal Bottom Line */
145	149	}
146	150	.lp-question-edit-main [class*=lp-icon-] {
147	151	font-size: 1.25rem;
148	152	color: #787c82;
		@@ -189,8 +193,32 @@
189	193	background: #135E96;
190	194	color: #fff;
191	195	opacity: 1;
192	196	}
	197	+.lp-question-edit-main .btn-line::after {
	198	+ content: "";
	199	+ position: absolute;
	200	+ bottom: 0;
	201	+ left: 0;
	202	+ height: 4px;
	203	+ width: 0%;
	204	+ background-color: #38bdf8;
	205	+ animation: lineLoad 2s ease-in-out infinite;
	206	+}
	207	+@keyframes lineLoad {
	208	+ 0% {
	209	+ width: 0%;
	210	+ left: 0;
	211	+ }
	212	+ 50% {
	213	+ width: 100%;
	214	+ left: 0;
	215	+ }
	216	+ 100% {
	217	+ width: 0%;
	218	+ left: 100%;
	219	+ }
	220	+}
193	221
194	222	.question-edit-details .lp-section-collapse {
195	223	padding: 0;
196	224	border: 1px solid #dcdcde;
		@@ -355,8 +383,9 @@
355	383	font-size: 1rem;
356	384	/**
357	385	* Style for the buttons
358	386	*/
	387	+ /* 5. Minimal Bottom Line */
359	388	}
360	389	.lp-popup-items-to-select .lp-btn-edit-primary {
361	390	border: none;
362	391	background: #135e96;
		@@ -369,8 +398,32 @@
369	398	background: #135E96;
370	399	color: #fff;
371	400	opacity: 1;
372	401	}
	402	+.lp-popup-items-to-select .btn-line::after {
	403	+ content: "";
	404	+ position: absolute;
	405	+ bottom: 0;
	406	+ left: 0;
	407	+ height: 4px;
	408	+ width: 0%;
	409	+ background-color: #38bdf8;
	410	+ animation: lineLoad 2s ease-in-out infinite;
	411	+}
	412	+@keyframes lineLoad {
	413	+ 0% {
	414	+ width: 0%;
	415	+ left: 0;
	416	+ }
	417	+ 50% {
	418	+ width: 100%;
	419	+ left: 0;
	420	+ }
	421	+ 100% {
	422	+ width: 0%;
	423	+ left: 100%;
	424	+ }
	425	+}
373	426	.lp-popup-items-to-select .header {
374	427	position: relative;
375	428	}
376	429	.lp-popup-items-to-select .header .header-count-items-selected {
		@@ -439,18 +492,23 @@
439	492	}
440	493	.lp-popup-items-to-select .list-items, .lp-popup-items-to-select .list-items-selected {
441	494	display: flex;
442	495	flex-direction: column;
443		- gap: 10px;
444	496	overflow-y: auto;
445	497	min-height: 260px;
446		- max-height: 460px;
	498	+ max-height: 50vh;
447	499	margin: 0;
448	500	}
449	501	.lp-popup-items-to-select .list-items li, .lp-popup-items-to-select .list-items-selected li {
450	502	margin: 0;
451	503	cursor: pointer;
	504	+ padding: 10px;
	505	+ border: 1px solid white;
452	506	}
	507	+.lp-popup-items-to-select .list-items li:hover, .lp-popup-items-to-select .list-items-selected li:hover {
	508	+ background-color: #eff6ff;
	509	+ border-color: #e2eefe;
	510	+}
453	511	.lp-popup-items-to-select .list-items-selected li {
454	512	display: flex;
455	513	gap: 5px;
456	514	align-items: center;
		@@ -477,11 +535,21 @@
477	535	}
478	536	.lp-popup-items-to-select .pagination {
479	537	display: flex;
480	538	flex-wrap: wrap;
481		- margin: 10px 0 -10px -10px;
	539	+ margin: 10px 0 -10px 0;
482	540	align-items: center;
	541	+ flex-direction: column;
	542	+ gap: 10px;
483	543	}
	544	+.lp-popup-items-to-select .pagination::before {
	545	+ content: "";
	546	+ display: block;
	547	+ width: 100%;
	548	+ height: 1px;
	549	+ background-color: #ececec;
	550	+ position: relative;
	551	+}
484	552	.lp-popup-items-to-select .pagination li {
485	553	margin: 0;
486	554	cursor: pointer;
487	555	}
		@@ -542,8 +610,9 @@
542	610	padding: 12px;
543	611	/**
544	612	* Style for the buttons
545	613	*/
	614	+ /* 5. Minimal Bottom Line */
546	615	/*.lp-btn-add-question {
547	616	border: none !important;
548	617	background: rgba(19, 94, 150, 0.5) !important;
549	618	color: #fff !important;
		@@ -593,8 +662,32 @@
593	662	.lp-edit-quiz-wrap .lp-btn-edit-primary:hover, .lp-edit-quiz-wrap .lp-btn-edit-primary.active, .lp-edit-quiz-wrap .lp-btn-edit-primary.active:hover {
594	663	background: #135E96;
595	664	color: #fff;
596	665	opacity: 1;
	666	+}
	667	+.lp-edit-quiz-wrap .btn-line::after {
	668	+ content: "";
	669	+ position: absolute;
	670	+ bottom: 0;
	671	+ left: 0;
	672	+ height: 4px;
	673	+ width: 0%;
	674	+ background-color: #38bdf8;
	675	+ animation: lineLoad 2s ease-in-out infinite;
	676	+}
	677	+@keyframes lineLoad {
	678	+ 0% {
	679	+ width: 0%;
	680	+ left: 0;
	681	+ }
	682	+ 50% {
	683	+ width: 100%;
	684	+ left: 0;
	685	+ }
	686	+ 100% {
	687	+ width: 0%;
	688	+ left: 100%;
	689	+ }
597	690	}
598	691	.lp-edit-quiz-wrap .heading {
599	692	display: flex;
600	693	flex-direction: row;