Try adding simple search + file button styles (#235)

* Try adding simple search + file button styles. * Update style.css Co-authored-by: Jeff Ong <jonger4@gmail.com> Co-authored-by: Jeff Ong <jonger4@gmail.com>
WordPress · Nov 15, 2021 · a11fb49 · a11fb49
1 parent e4f69d0
commit a11fb49
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 3 deletions.
diff --git a/functions.php b/functions.php
@@ -25,7 +25,7 @@ function twentytwentytwo_support() {
 		add_theme_support( 'wp-block-styles' );
 
 		// Enqueue editor styles.
-		add_editor_style( get_template_directory_uri() . '/style.css' );
+		add_editor_style( 'style.css' );
 
 	}
 

diff --git a/style.css b/style.css
@@ -35,8 +35,8 @@ body {
  */
 
 a {
-    text-decoration-thickness: 1px;
-    text-underline-offset: 0.25ch;
+	text-decoration-thickness: 1px;
+	text-underline-offset: 0.25ch;
 }
 
 a:hover,
@@ -47,3 +47,24 @@ a:focus {
 a:active {
 	text-decoration: none;
 }
+
+/*
+ * Search and File Block button styles.
+ * Necessary until the following issues are resolved in Gutenberg:
+ * https://github.com/WordPress/gutenberg/issues/36444
+ * https://github.com/WordPress/gutenberg/issues/27760
+ */
+
+.wp-block-search__button,
+.wp-block-file .wp-block-file__button {
+	background-color: var(--wp--preset--color--primary);
+	border-radius: 0;
+	border: none;
+	color: var(--wp--preset--color--background);
+	font-size: var(--wp--preset--typography--font-size--normal);
+	padding: calc(.667em + 2px) calc(1.333em + 2px);
+}
+
+.wp-block-file a.wp-block-file__button:hover {
+	opacity: 1;
+}