feat: add back navigation styling to edit page

Author: imantsk

src/css/edit.scss

@@ -95,3 +95,13 @@
 form.condition-snippet .snippet-code-container {
 	display: none;
 }
+
+.cs-back {
+	cursor: pointer;
+
+	&::before {
+		content: '<';
+		color: #2271b1;
+		margin-inline-end: 3px;
+	}
+}

src/js/components/SnippetForm/SnippetForm.tsx

@@ -145,7 +145,7 @@ const EditFormWrap: React.FC = () => {
 
 	return (
 		<div className="wrap">
-			<p><small>
+			<p><small className="cs-back">
 				{isCondition(snippet)
 					? <a href={addQueryArgs(window.CODE_SNIPPETS?.urls.manage, { type: 'cond' })}>
 						{__('Back to all conditions', 'code-snippets')}

src/php/admin-menus/class-edit-menu.php

@@ -97,8 +97,11 @@ protected function ensure_correct_page() {
 		$edit_hook .= $screen->in_admin( 'network' ) ? '-network' : '';
 
 		// Disallow visiting the edit snippet page without a valid ID.
-		if ( $screen->base === $edit_hook && ( empty( $_REQUEST['id'] ) || 0 === $this->snippet->id || null === $this->snippet->id ) &&
-		     ! isset( $_REQUEST['preview'] ) ) {
+		if ( 
+			$screen->base === $edit_hook 
+			&& ( empty( $_REQUEST['id'] ) || 0 === $this->snippet->id || null === $this->snippet->id ) 
+			&& ! isset( $_REQUEST['preview'] ) 
+		) {
 			wp_safe_redirect( code_snippets()->get_menu_url( 'add' ) );
 			exit;
 		}
@@ -111,7 +114,7 @@ protected function ensure_correct_page() {
 	 */
 	public function render() {
 		printf(
-			'<div id="edit-snippet-form-container">%s</div>',
+			'<div id="edit-snippet-form-container"><small style="position: relative; top: 14px;">%s</small></div>',
 			esc_html__( 'Loading edit page…', 'code-snippets' )
 		);
 	}