Merge pull request #198 from Emilia-Capital/develop

v1.0.2

Author: jdevalk

CHANGELOG.md

@@ -1,3 +1,16 @@
+= 1.0.2 =
+
+Fixed:
+
+* Remove duplicated weekly suggested tasks.
+* The REST API endpoint for getting stats was broken, causing the weekly emails not to work.
+* Scrollable monthly badges widget was the wrong height on page load.
+* 2026 monthly badges were showing up and shouldn't (yet).
+
+Enhancements:
+
+* Refocus the "add new task" input after a to-do item is added.
+
 = 1.0.1 =
 
 Fixed:

assets/css/dashboard-widgets/score.css

@@ -1,6 +1,7 @@
 #progress_planner_dashboard_widget_score {
 
 	.prpl-dashboard-widget {
+		padding-top: 5px; /* Total 16px top spacing */
 		display: grid;
 		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
 		grid-gap: calc(var(--prpl-gap) / 2);
@@ -36,12 +37,12 @@
 	}
 
 	.prpl-dashboard-widget-footer {
-		margin-top: 1em;
-		padding-top: 1em;
+		margin-top: 1rem;
+		padding-top: 1rem;
 		border-top: 1px solid #c3c4c7; /* same color as the one WP-Core uses */
 		font-size: var(--prpl-font-size-base);
 		display: flex;
-		gap: 1em;
+		gap: 0.5rem;
 		align-items: center;
 	}
 }

assets/css/onboard.css

@@ -3,8 +3,7 @@
 	min-height: 1px;
 }
 
-#prpl-onboarding-form .prpl-form-fields label,
-#prpl-onboarding-submit-grid-wrapper {
+#prpl-onboarding-form .prpl-form-fields label {
 	display: grid;
 	grid-template-columns: 1fr 3fr;
 	margin-bottom: 0.5em;

assets/css/page-widgets/whats-new.css

@@ -57,4 +57,5 @@
 	border-radius: var(--prpl-border-radius);
 	box-shadow: 5px 5px 5px var(--prpl-color-gray-2);
 	border: 1px solid var(--prpl-color-gray-2);
+	background-color: var(--prpl-color-gray-1); /* Fallback, if remote host image is not accessible */
 }

assets/css/welcome.css

@@ -1,11 +1,8 @@
-.prpl-welcome {
-
+.prpl-wrap.prpl-pp-not-accepted {
 	padding: 0;
-	overflow-x: hidden;
-	max-height: 80vh;
-	width: 80vw;
-	margin: 10vh 10vw;
-	z-index: 9999;
+}
+
+.prpl-welcome {
 
 	.inner-content {
 		padding: calc(var(--prpl-gap) * 1.5);
@@ -15,8 +12,13 @@
 		grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
 		gap: calc(var(--prpl-gap) * 2);
 
+		.left {
+			flex-grow: 1;
+		}
+
 		img {
 			max-width: 100%;
+			width: 550px;
 			height: auto;
 		}
 	}
@@ -45,4 +47,18 @@
 			}
 		}
 	}
+
+	ul {
+		list-style: disc;
+		margin-left: 1rem;
+	}
+
+	.prpl-onboard-form-radio-select {
+		margin-top: 0.75rem;
+	}
+
+	.prpl-disabled {
+		opacity: 0.5;
+		pointer-events: none;
+	}
 }

assets/images/image_onboaring_block.png

@@ -115,9 +115,15 @@ if ( document.getElementById( 'prpl-onboarding-form' ) ) {
 		.addEventListener( 'change', function () {
 			const privacyPolicyAccepted = !! this.checked;
 
-			document.getElementById(
-				'prpl-onboarding-submit-wrapper'
-			).style.display = privacyPolicyAccepted ? 'block' : 'none';
+			if ( privacyPolicyAccepted ) {
+				document
+					.getElementById( 'prpl-onboarding-submit-wrapper' )
+					.classList.remove( 'prpl-disabled' );
+			} else {
+				document
+					.getElementById( 'prpl-onboarding-submit-wrapper' )
+					.classList.add( 'prpl-disabled' );
+			}
 		} );
 
 	document

assets/images/logo_progress_planner_pro.svg

@@ -20,6 +20,9 @@ customElements.define(
 					}"
 					alt="Badge"
 					${ false === complete ? 'style="filter: grayscale(1);opacity: 0.25;"' : '' }
+					onerror="this.onerror=null;this.src='${
+						progressPlannerBadge.placeholderImageUrl
+					}';"
 				/>
 			`;
 		}

assets/js/onboard.js

@@ -16,6 +16,9 @@ customElements.define(
 				start: '270deg',
 				cutout: '57%',
 				contentFontSize: 'var(--prpl-font-size-6xl)',
+				contentPadding:
+					'var(--prpl-padding) var(--prpl-padding) calc(var(--prpl-padding) * 2) var(--prpl-padding)',
+				marginBottom: 'var(--prpl-padding)',
 			},
 			content = ''
 		) {
@@ -41,11 +44,18 @@ customElements.define(
 			props.cutout = this.getAttribute( 'cutout' ) || props.cutout;
 			props.contentFontSize =
 				this.getAttribute( 'contentFontSize' ) || props.contentFontSize;
+			props.contentPadding =
+				this.getAttribute( 'contentPadding' ) || props.contentPadding;
+			props.marginBottom =
+				this.getAttribute( 'marginBottom' ) || props.marginBottom;
 
 			this.innerHTML = `
-			<div style="padding: var(--prpl-padding) var(--prpl-padding) calc(var(--prpl-padding) * 2) var(--prpl-padding); background: ${
+			<div style="padding: ${ props.contentPadding };
+			background: ${
 				props.background
-			}; border-radius:var(--prpl-border-radius-big); aspect-ratio: 2 / 1; overflow: hidden; position: relative;margin-bottom: var(--prpl-padding);">
+			}; border-radius:var(--prpl-border-radius-big); aspect-ratio: 2 / 1; overflow: hidden; position: relative; margin-bottom: ${
+				props.marginBottom
+			};">
 				<div style="width: 100%; aspect-ratio: 1 / 1; border-radius: 100%; position: relative; background: radial-gradient(${
 					props.background
 				} 0 ${ props.cutout }, transparent ${