From 448eaff71721f2d0f04428f645a0034f0c719367 Mon Sep 17 00:00:00 2001 From: Adam Boro Date: Thu, 23 Jan 2020 12:59:44 +0100 Subject: [PATCH 1/3] Fix panel header styles This selector should affect only the button in the panel title. Otherwise, it also affects any .components-button placed in the side panel. --- packages/components/src/panel/style.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/components/src/panel/style.scss b/packages/components/src/panel/style.scss index 404c99fca853e..b5643982fe496 100644 --- a/packages/components/src/panel/style.scss +++ b/packages/components/src/panel/style.scss @@ -29,7 +29,8 @@ padding: $panel-padding; } - > .components-button { + // panel section header + &-title > .components-button { color: $dark-gray-900; } } From f41385118905fc36206b34ab8325e1a820cb95bb Mon Sep 17 00:00:00 2001 From: Adam Boro Date: Thu, 23 Jan 2020 14:27:15 +0100 Subject: [PATCH 2/3] Remove EOL spaces --- packages/components/src/panel/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/components/src/panel/style.scss b/packages/components/src/panel/style.scss index b5643982fe496..a864655c15b79 100644 --- a/packages/components/src/panel/style.scss +++ b/packages/components/src/panel/style.scss @@ -29,7 +29,7 @@ padding: $panel-padding; } - // panel section header + // panel section header &-title > .components-button { color: $dark-gray-900; } From 61c5b69ab2cfdaa3629eac4df8592ae1b8fb27ca Mon Sep 17 00:00:00 2001 From: Adam Boro Date: Thu, 23 Jan 2020 15:41:06 +0100 Subject: [PATCH 3/3] Remove CSS rule for .components-button Styling for the Button in the panel is provided later on the file: https://github.com/WordPress/gutenberg/blob/f41385118905fc36206b34ab8325e1a820cb95bb/packages/components/src/panel/style.scss#L89 --- packages/components/src/panel/style.scss | 5 ----- 1 file changed, 5 deletions(-) diff --git a/packages/components/src/panel/style.scss b/packages/components/src/panel/style.scss index a864655c15b79..f238a32041c56 100644 --- a/packages/components/src/panel/style.scss +++ b/packages/components/src/panel/style.scss @@ -28,11 +28,6 @@ &.is-opened { padding: $panel-padding; } - - // panel section header - &-title > .components-button { - color: $dark-gray-900; - } } .components-panel__header {