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 5d76b97557
This commit is contained in:
Kelly Dwan 2024-08-28 10:44:39 -04:00
parent 0b1e6114b2
commit 4ef41983af
No known key found for this signature in database
GPG key ID: 8BA5575F3D11575D
2 changed files with 16 additions and 14 deletions

View file

@ -72,7 +72,7 @@ add_action(
<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 }}"

View file

@ -1,19 +1,21 @@
.wp-block-button {
@extend .button;
body.home {
.wp-block-button {
@extend .button;
display: inline-block;
height: auto;
margin-bottom: 1rem;
}
display: inline-block;
height: auto;
margin-bottom: 1rem;
}
.wp-block-button__link {
background: none;
color: $color__link-button;
text-decoration: none;
&:hover,
&:visited {
.wp-block-button__link {
background: none;
color: $color__link-button;
text-decoration: none;
&:hover,
&:visited {
color: $color__link-button;
}
}
}