diff --git a/editor.planx.uk/src/components/Header.tsx b/editor.planx.uk/src/components/Header.tsx index b5a6acd96d..d29362a63f 100644 --- a/editor.planx.uk/src/components/Header.tsx +++ b/editor.planx.uk/src/components/Header.tsx @@ -587,14 +587,18 @@ const Toolbar: React.FC = ({ headerRef }) => { ]); // Editor and custom domains share a path, so we need to rely on previewEnvironment - if (previewEnvironment === "editor" && path !== "draft" && path !== "amber") { + if ( + previewEnvironment === "editor" && + path !== "draft" && + path !== "preview" + ) { return ; } switch (path) { case flowSlug: // Custom domains + case "published": case "preview": - case "amber": case "draft": case "pay": return ; diff --git a/editor.planx.uk/src/pages/FlowEditor/floweditor.scss b/editor.planx.uk/src/pages/FlowEditor/floweditor.scss index 6a12a3cce1..7cde130e1c 100644 --- a/editor.planx.uk/src/pages/FlowEditor/floweditor.scss +++ b/editor.planx.uk/src/pages/FlowEditor/floweditor.scss @@ -12,6 +12,8 @@ $padding: 10px; $editorPadding: 30px; $pixel: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAADElEQVQImWO4cOECAATkAnFXdNPtAAAAAElFTkSuQmCC); +$fontMonospace: "Source Code Pro", monospace; + // Import custom typeface for data inputs @import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400&display=swap"); @@ -163,6 +165,11 @@ $pixel: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAA } } + &.type-SetValue > a { + background: #f0f0f0; + font-family: $fontMonospace; + } + &.type-Section { [data-layout="top-down"] & { width: 100%;