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

		@@ -144,8 +144,9 @@
144	144	grid-template-columns: 1fr 1fr;
145	145	/**
146	146	* Style for the buttons
147	147	*/
	148	+ /* 5. Minimal Bottom Line */
148	149	}
149	150	.lp-question-edit-main [class*=lp-icon-] {
150	151	font-size: 1.25rem;
151	152	color: #787c82;
		@@ -192,8 +193,32 @@
192	193	background: #135E96;
193	194	color: #fff;
194	195	opacity: 1;
195	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	+}
196	221
197	222	.question-edit-details .lp-section-collapse {
198	223	padding: 0;
199	224	border: 1px solid #dcdcde;
		@@ -358,8 +383,9 @@
358	383	font-size: 1rem;
359	384	/**
360	385	* Style for the buttons
361	386	*/
	387	+ /* 5. Minimal Bottom Line */
362	388	}
363	389	.lp-popup-items-to-select .lp-btn-edit-primary {
364	390	border: none;
365	391	background: #135e96;
		@@ -372,8 +398,32 @@
372	398	background: #135E96;
373	399	color: #fff;
374	400	opacity: 1;
375	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	+}
376	426	.lp-popup-items-to-select .header {
377	427	position: relative;
378	428	}
379	429	.lp-popup-items-to-select .header .header-count-items-selected {
		@@ -442,18 +492,23 @@
442	492	}
443	493	.lp-popup-items-to-select .list-items, .lp-popup-items-to-select .list-items-selected {
444	494	display: flex;
445	495	flex-direction: column;
446		- gap: 10px;
447	496	overflow-y: auto;
448	497	min-height: 260px;
449		- max-height: 460px;
	498	+ max-height: 50vh;
450	499	margin: 0;
451	500	}
452	501	.lp-popup-items-to-select .list-items li, .lp-popup-items-to-select .list-items-selected li {
453	502	margin: 0;
454	503	cursor: pointer;
	504	+ padding: 10px;
	505	+ border: 1px solid white;
455	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	+}
456	511	.lp-popup-items-to-select .list-items-selected li {
457	512	display: flex;
458	513	gap: 5px;
459	514	align-items: center;
		@@ -480,11 +535,21 @@
480	535	}
481	536	.lp-popup-items-to-select .pagination {
482	537	display: flex;
483	538	flex-wrap: wrap;
484		- margin: 10px 0 -10px -10px;
	539	+ margin: 10px 0 -10px 0;
485	540	align-items: center;
	541	+ flex-direction: column;
	542	+ gap: 10px;
486	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	+}
487	552	.lp-popup-items-to-select .pagination li {
488	553	margin: 0;
489	554	cursor: pointer;
490	555	}
		@@ -545,8 +610,9 @@
545	610	padding: 12px;
546	611	/**
547	612	* Style for the buttons
548	613	*/
	614	+ /* 5. Minimal Bottom Line */
549	615	/*.lp-btn-add-question {
550	616	border: none !important;
551	617	background: rgba(19, 94, 150, 0.5) !important;
552	618	color: #fff !important;
		@@ -596,8 +662,32 @@
596	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 {
597	663	background: #135E96;
598	664	color: #fff;
599	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	+ }
600	690	}
601	691	.lp-edit-quiz-wrap .heading {
602	692	display: flex;
603	693	flex-direction: row;