@tideworthy/tidysites-platform 0.10.9 → 0.10.11

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # 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.
+
 ## 0.10.9
 
 - Editor: the request panel greets the person by name and speaks plainly; the floating button is a pen, not a chat bubble. `GET /_tidy/change` says who is signed in.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tideworthy/tidysites-platform",
-	"version": "0.10.9",
+	"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>
@@ -110,6 +110,8 @@ const htmlClass = !signedIn ? (signInUrl ? "tidy-has-bar tidy-idle" : "") : !act
 	.tidy-btn-primary { background: #2b7fd1; border-color: #2b7fd1; color: #fff; }
 	.tidy-btn-primary:hover { background: #2470bd; }
 	.tidy-btn-danger:hover { background: #b3261e; border-color: #b3261e; }
+	.tidy-btn-go { background: #1f9d55; border-color: #1f9d55; color: #fff; }
+	.tidy-btn-go:hover { background: #1a8a4a; }
 	.tidy-btn-sm { padding: 3px 8px; font-size: 12px; }
 	.tidy-add-end { display: block; width: calc(100% - 32px); margin: 16px; padding: 14px; border: 2px dashed #2b7fd1; border-radius: 10px; background: rgba(43,127,209,.06); color: #2b7fd1; font: 600 14px system-ui, sans-serif; cursor: pointer; }
 	.tidy-panel { position: fixed; top: 0; right: 0; bottom: 0; width: min(420px, 100vw); z-index: 2147483001; overflow: auto; background: #fff; color: #17211c; border-left: 1px solid #d3dcd6; box-shadow: -12px 0 40px rgba(0,0,0,.18); padding: 20px; font: 14px/1.45 system-ui, sans-serif; }

package/src/editor/request.ts

@@ -85,8 +85,9 @@ 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);
+	// 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" });

package/src/editor/revisions.ts

@@ -41,8 +41,9 @@ export function startRevisions(): void {
 	if (!actions) return;
 	const here = location.pathname;
 	const revBtn = el("button", { type: "button", class: "tidy-btn", text: "Revisions" });
-	const liveBtn = el("button", { type: "button", class: "tidy-btn", text: "Publish live" });
-	actions.prepend(revBtn, liveBtn);
+	const liveBtn = el("button", { type: "button", class: "tidy-btn tidy-btn-go", text: "Publish live" });
+	// Edit, Request a change, Revisions, Publish live: the bar reads left to right in that order.
+	actions.append(revBtn, liveBtn);
 
 	// --- the panel --------------------------------------------------------
 	const panel = el("div", { class: "tidy-panel", hidden: "" });

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.9";
+export const VERSION = "0.10.11";
 export const PLUGIN_ID = "tidy-platform";