Add the preview iframe fix (#52)

* Add the preview iframe fix * Add the wp-activate handles Co-authored-by: Christopher Kanitz <ckanitz@users.noreply.github.com>
luehrsenheinrich · Jan 3, 2023 · af0febb · af0febb
1 parent 478c9bf
commit af0febb
Show file tree

Hide file tree

Showing 4 changed files with 86 additions and 2 deletions.
diff --git a/schemas/theme.json b/schemas/theme.json
@@ -497,7 +497,8 @@
                             "auto",
                             "block",
                             "fallback",
-                            "swap"
+                            "swap",
+                            "optional"
                           ]
                         },
                         "src": {
@@ -1237,7 +1238,33 @@
       "type": "object",
       "properties": {
         "button": {
-          "$ref": "#/definitions/stylesPropertiesComplete"
+          "type": "object",
+          "allOf": [
+            {
+              "$ref": "#/definitions/stylesProperties"
+            },
+            {
+              "properties": {
+                "border": {},
+                "color": {},
+                "filter": {},
+                "outline": {},
+                "shadow": {},
+                "spacing": {},
+                "typography": {},
+                ":hover": {
+                  "$ref": "#/definitions/stylesPropertiesComplete"
+                },
+                ":focus": {
+                  "$ref": "#/definitions/stylesPropertiesComplete"
+                },
+                ":active": {
+                  "$ref": "#/definitions/stylesPropertiesComplete"
+                }
+              },
+              "additionalProperties": false
+            }
+          ]
         },
         "link": {
           "type": "object",

diff --git a/theme/footer-wp-activate.php b/theme/footer-wp-activate.php
@@ -0,0 +1,20 @@
+<?php
+/**
+ * The footer for the multisite user activation page.
+ *
+ * This is the template that displays all of the <footer> section. This file exists to
+ * be as barebones as possible, because during multisite user activation, the theme
+ * is loaded without any plugins. This means that the theme cannot use any functions
+ * from plugins.
+ *
+ * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
+ *
+ * @package lhpbpt
+ */
+
+namespace WpMunich\lhpbpt;
+
+wp_footer(); ?>
+
+</body>
+</html>
diff --git a/theme/header-wp-activate.php b/theme/header-wp-activate.php
@@ -0,0 +1,27 @@
+<?php
+/**
+ * The header for the multisite user activation page.
+ *
+ * This is the template that displays all of the <head> section. This file exists to
+ * be as barebones as possible, because during multisite user activation, the theme
+ * is loaded without any plugins. This means that the theme cannot use any functions
+ * from plugins.
+ *
+ * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
+ *
+ * @package lhpbpt
+ */
+
+namespace WpMunich\lhpbpt;
+
+?>
+<!doctype html>
+<html <?php language_attributes(); ?>>
+<head>
+	<meta charset="<?php bloginfo( 'charset' ); ?>">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+
+	<?php wp_head(); ?>
+</head>
+
+<body <?php body_class(); ?>>
diff --git a/theme/src/css/vars.css b/theme/src/css/vars.css
@@ -8,3 +8,13 @@
 @import "vars/_typography.css";
 @import "vars/_colors.css";
 @import "vars/_content-width.css";
+
+/**
+ * Hack to make sure this file is actually loaded in the
+ * block-editor-block-preview__content-iframe
+ *
+ * @see https://github.com/WordPress/gutenberg/blob/88dc79e4219170be3d86dff5823e6baef23f7331/packages/block-editor/src/components/iframe/index.js#L41
+ */
+.wp-block-foobar {
+	--foo: bar;
+}