@tideworthy/tidysites-platform 0.10.10 → 0.10.11

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 0.10.11
+
+- Editor bar: Request a change comes first and carries the blue; Edit follows it plain.
+
 ## 0.10.10
 
 - Editor: the bar reads Edit, Request a change, Revisions, Publish live; Publish live is green.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tideworthy/tidysites-platform",
-	"version": "0.10.10",
+	"version": "0.10.11",
 	"description": "The Tidysites platform integration for EmDash sites: bootstrap, sessions, maintenance, health, and publish hooks under /_tidy/*.",
 	"license": "MIT",
 	"type": "module",

package/src/editor/TidyEditor.astro

@@ -58,7 +58,7 @@ const htmlClass = !signedIn ? (signInUrl ? "tidy-has-bar tidy-idle" : "") : !act
 			<span class="tidy-bar-label"><span class="tidy-bar-dot" aria-hidden="true"></span>{label} website<span class="tidy-bar-note">A private copy to see working changes on the website, not publicly accessible.</span></span>
 			<div class="tidy-bar-actions" id="tidy-bar-actions">
 				{!signedIn && <a class="tidy-btn tidy-btn-primary" href={signInUrl!}>Sign in to edit</a>}
-				{signedIn && !active && <a class="tidy-btn tidy-btn-primary" href={toggle(true)}>Edit</a>}
+				{signedIn && !active && <a class="tidy-btn" href={toggle(true)}>Edit</a>}
 				{signedIn && active && !editable && <a class="tidy-btn" href={toggle(false)}>Done</a>}
 			</div>
 		</div>

package/src/editor/request.ts

@@ -85,10 +85,10 @@ export function mountRequestChange(): void {
 		body.focus();
 	}
 
-	const barBtn = el("button", { type: "button", class: "tidy-btn", text: "Request a change" });
+	const barBtn = el("button", { type: "button", class: "tidy-btn tidy-btn-primary", text: "Request a change" });
 	barBtn.addEventListener("click", render);
-	// Right after Edit (or Done), before Revisions and Publish live.
-	actions.insertBefore(barBtn, actions.children[1] ?? null);
+	// First on the bar: most people are here to ask for a change, not to edit.
+	actions.prepend(barBtn);
 
 	const fab = el("button", { type: "button", class: "tidy-fab", title: "Request a change", "aria-label": "Request a change" });
 	fab.innerHTML = '<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 20h9"/><path d="M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z"/></svg>';

package/src/version.ts

@@ -1,3 +1,3 @@
 /** Kept in step with package.json by the release checklist in MAINTAINING.md. */
-export const VERSION = "0.10.10";
+export const VERSION = "0.10.11";
 export const PLUGIN_ID = "tidy-platform";