tec3/five-for-the-future
tec3/five-for-the-future
1
0
Fork 0
mirror of https://github.com/WordPress/five-for-the-future.git synced 2025-04-21 02:23:43 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Theme: Prevent button block styles from bleeding into pledge form

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
plugins/wporg-5ftf/views/manage-contributors.php
View file

@ -72,7 +72,7 @@ add_action(
<td> <td>
<div class="wp-block-button is-style-outline is-small is-destructive"> <div class="wp-block-button is-style-outline is-small is-destructive">
<button <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-action="remove-contributor"
data-contributor-post="{{ data.contributorId }}" data-contributor-post="{{ data.contributorId }}"
data-confirm="{{ data.removeConfirm }}" data-confirm="{{ data.removeConfirm }}"

8
themes/wporg-5ftf/css/objects/_buttons.scss
View file

@ -1,12 +1,13 @@
.wp-block-button { body.home {
.wp-block-button {
@extend .button; @extend .button;
display: inline-block; display: inline-block;
height: auto; height: auto;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.wp-block-button__link { .wp-block-button__link {
background: none; background: none;
color: $color__link-button; color: $color__link-button;
text-decoration: none; text-decoration: none;
@ -15,6 +16,7 @@
&:visited { &:visited {
color: $color__link-button; color: $color__link-button;
} }
}
} }
// Add "danger" button styles, red text on grey background. // Add "danger" button styles, red text on grey background.