From 92a67e9813667adba3da06fb9318874b2048448f Mon Sep 17 00:00:00 2001 From: Nick Diego Date: Sun, 21 Aug 2022 13:44:11 -0500 Subject: [PATCH 1/2] Adding padding support to the Query Title block. --- docs/reference-guides/core-blocks.md | 2 +- packages/block-library/src/query-title/block.json | 3 ++- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/docs/reference-guides/core-blocks.md b/docs/reference-guides/core-blocks.md index b8beeef9679003..01035f1d738c28 100644 --- a/docs/reference-guides/core-blocks.md +++ b/docs/reference-guides/core-blocks.md @@ -662,7 +662,7 @@ Display the query title. ([Source](https://github.com/WordPress/gutenberg/tree/t - **Name:** core/query-title - **Category:** theme -- **Supports:** align (full, wide), color (background, gradients, text), spacing (margin), typography (fontSize, lineHeight), ~~html~~ +- **Supports:** align (full, wide), color (background, gradients, text), spacing (margin, padding), typography (fontSize, lineHeight), ~~html~~ - **Attributes:** level, showPrefix, showSearchTerm, textAlign, type ## Quote diff --git a/packages/block-library/src/query-title/block.json b/packages/block-library/src/query-title/block.json index 5b5907b3a7b9c3..64b4b6dcb86c49 100644 --- a/packages/block-library/src/query-title/block.json +++ b/packages/block-library/src/query-title/block.json @@ -37,7 +37,8 @@ } }, "spacing": { - "margin": true + "margin": true, + "padding": true }, "typography": { "fontSize": true, From f4fe063675305d1182d1f0f56b872d49b7350825 Mon Sep 17 00:00:00 2001 From: Nick Diego Date: Mon, 22 Aug 2022 15:53:08 -0500 Subject: [PATCH 2/2] Added box-sizing styles and removed unused editor stylesheet declaration. --- packages/block-library/src/query-title/block.json | 2 +- packages/block-library/src/query-title/style.scss | 4 ++++ packages/block-library/src/style.scss | 1 + 3 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 packages/block-library/src/query-title/style.scss diff --git a/packages/block-library/src/query-title/block.json b/packages/block-library/src/query-title/block.json index 64b4b6dcb86c49..318643bae30058 100644 --- a/packages/block-library/src/query-title/block.json +++ b/packages/block-library/src/query-title/block.json @@ -55,5 +55,5 @@ } } }, - "editorStyle": "wp-block-query-title-editor" + "style": "wp-block-query-title" } diff --git a/packages/block-library/src/query-title/style.scss b/packages/block-library/src/query-title/style.scss new file mode 100644 index 00000000000000..d4a3236cdfff9a --- /dev/null +++ b/packages/block-library/src/query-title/style.scss @@ -0,0 +1,4 @@ +.wp-block-query-title { + // This block has customizable padding, border-box makes that more predictable. + box-sizing: border-box; +} diff --git a/packages/block-library/src/style.scss b/packages/block-library/src/style.scss index e3b021f2d7a38d..f7c3df65b6a5d0 100644 --- a/packages/block-library/src/style.scss +++ b/packages/block-library/src/style.scss @@ -35,6 +35,7 @@ @import "./pullquote/style.scss"; @import "./post-template/style.scss"; @import "./query-pagination/style.scss"; +@import "./query-title/style.scss"; @import "./quote/style.scss"; @import "./read-more/style.scss"; @import "./rss/style.scss";