1 files changed, 67 insertions, 0 deletions
diff --git a/inc/dynamic-css/block-editor-compatibility.php b/inc/dynamic-css/block-editor-compatibility.php
new file mode 100644
index 0000000..9784513
--- /dev/null
+++ b/inc/dynamic-css/block-editor-compatibility.php
@@ -0,0 +1,67 @@
+<?php
+/**
+ * Astra WordPress-5.8 compatibility - Dynamic CSS.
+ *
+ * @package astra
+ * @since 3.6.5
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit; // Exit if accessed directly.
+}
+
+add_filter( 'astra_dynamic_theme_css', 'astra_block_editor_compatibility_css' );
+
+/**
+ * Astra WordPress compatibility - Dynamic CSS.
+ *
+ * @param string $dynamic_css Dynamic CSS.
+ * @since 3.6.5
+ */
+function astra_block_editor_compatibility_css( $dynamic_css ) {
+
+	if ( Astra_Dynamic_CSS::is_block_editor_support_enabled() ) {
+
+		$compatibility_css = '
+		.wp-block-search {
+			margin-bottom: 20px;
+		}
+		.wp-block-site-tagline {
+			margin-top: 20px;
+		}
+        form.wp-block-search .wp-block-search__input, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+            border-color: #eaeaea;
+			background: #fafafa;
+        }
+		.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus, .wp-block-loginout input:focus {
+			outline: thin dotted;
+		}
+		.wp-block-loginout input:focus {
+			border-color: transparent;
+		}
+	 	form.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input {
+			padding: 12px;
+		}
+		form.wp-block-search .wp-block-search__button svg {
+            fill: currentColor;
+			width: 20px;
+			height: 20px;
+        }
+		.wp-block-loginout p label {
+			display: block;
+		}
+		.wp-block-loginout p:not(.login-remember):not(.login-submit) input {
+			width: 100%;
+		}
+		.wp-block-loginout .login-remember input {
+			width: 1.1rem;
+			height: 1.1rem;
+			margin: 0 5px 4px 0;
+			vertical-align: middle;
+		}';
+
+		return $dynamic_css .= Astra_Enqueue_Scripts::trim_css( $compatibility_css );
+	}
+
+	return $dynamic_css;
+}