💄 Fix gaps for hidden inputs

See #52
epiphyt · Sep 1, 2024 · 9fe9294 · 9fe9294
1 parent 825c88e
commit 9fe9294
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/assets/style/form.scss b/assets/style/form.scss
@@ -31,6 +31,8 @@
 		}
 	}
 
+	&.is-type-hidden,
+	&.is-type-system,
 	&:last-child {
 		margin-bottom: 0;
 	}

diff --git a/inc/blocks/class-form.php b/inc/blocks/class-form.php
@@ -98,7 +98,7 @@ public function add_form_id_input( string $block_content, array $block ): string
 	 * @return	string Updated block content
 	 */
 	public function add_honeypot( string $block_content, array $block ): string {
-		$honeypot = '<div class="wp-block-form-block-input form-block__element"><input name="_town" type="text" aria-hidden="true" autocomplete="new-password" style="padding: 0; clip: rect(1px, 1px, 1px, 1px); position: absolute !important; white-space: nowrap; height: 1px; width: 1px; overflow: hidden;" tabindex="-1" /></div>';
+		$honeypot = '<div class="wp-block-form-block-input form-block__element is-type-system"><input name="_town" type="text" aria-hidden="true" autocomplete="new-password" style="padding: 0; clip: rect(1px, 1px, 1px, 1px); position: absolute !important; white-space: nowrap; height: 1px; width: 1px; overflow: hidden;" tabindex="-1" /></div>';
 
 		/**
 		 * Filter the honeypot code.