Theme: Prevent button block styles from bleeding into pledge form

This fixes an issue where adding the button block classes to the pledge form was creating double-button styles. This also fixes a mistakenly removed class on the remove contributor button. Follow up to 5d76b97
WordPress · Aug 28, 2024 · 4ef4198 · 4ef4198
1 parent 0b1e611
commit 4ef4198
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 14 deletions.
diff --git a/plugins/wporg-5ftf/views/manage-contributors.php b/plugins/wporg-5ftf/views/manage-contributors.php
@@ -72,7 +72,7 @@ class="button wp-block-button__link"
  <td>
  <div class="wp-block-button is-style-outline is-small is-destructive">
  <button
- class="button-link button-link-delete wp-block-button__link"
+ class="button button-link button-link-delete wp-block-button__link"
  data-action="remove-contributor"
  data-contributor-post="{{ data.contributorId }}"
  data-confirm="{{ data.removeConfirm }}"

diff --git a/themes/wporg-5ftf/css/objects/_buttons.scss b/themes/wporg-5ftf/css/objects/_buttons.scss
@@ -1,19 +1,21 @@
-.wp-block-button {
- @extend .button;
+body.home {
+ .wp-block-button {
+ @extend .button;
 
- display: inline-block;
- height: auto;
- margin-bottom: 1rem;
-}
-
-.wp-block-button__link {
- background: none;
- color: $color__link-button;
- text-decoration: none;
+ display: inline-block;
+ height: auto;
+ margin-bottom: 1rem;
+ }
 
- &:hover,
- &:visited {
+ .wp-block-button__link {
+  background: none;
  color: $color__link-button;
+ text-decoration: none;
+
+ &:hover,
+ &:visited {
+ color: $color__link-button;
+ }
  }
 }