mirror of
https://github.com/WordPress/five-for-the-future.git
synced 2025-04-12 06:53:44 +03:00
My pledges: Update style and spacing of pledge action buttons
Fixes #288
This commit is contained in:
parent
092ee9b9d8
commit
7b867baff7
|
@ -58,14 +58,14 @@ function render_single_pledge( $contributor_post, $has_profile_data ) {
|
|||
</p>
|
||||
<!-- /wp:paragraph -->
|
||||
|
||||
<div class="my-pledges__pledge-actions">
|
||||
<div class="my-pledges__pledge-actions" style="margin-top:var(--wp--preset--spacing--20)">
|
||||
<form action="" method="post">
|
||||
<input type="hidden" name="contributor_post_id" value="<?php echo esc_attr( $contributor_post->ID ); ?>" />
|
||||
|
||||
<?php if ( 'pending' === $contributor_post->post_status ) : ?>
|
||||
<?php wp_nonce_field( 'join_decline_organization_' . $contributor_post->ID ); ?>
|
||||
|
||||
<div class="wp-block-button is-small">
|
||||
<div class="wp-block-button">
|
||||
<input
|
||||
type="submit"
|
||||
class="button button-default wp-block-button__link wp-element-button"
|
||||
|
@ -77,7 +77,7 @@ function render_single_pledge( $contributor_post, $has_profile_data ) {
|
|||
/>
|
||||
</div>
|
||||
|
||||
<div class="wp-block-button is-style-outline is-small">
|
||||
<div class="wp-block-button is-style-outline">
|
||||
<input
|
||||
type="submit"
|
||||
class="button button-danger button-link wp-block-button__link wp-element-button"
|
||||
|
@ -89,7 +89,7 @@ function render_single_pledge( $contributor_post, $has_profile_data ) {
|
|||
<?php elseif ( 'publish' === $contributor_post->post_status ) : ?>
|
||||
<?php wp_nonce_field( 'leave_organization_' . $contributor_post->ID ); ?>
|
||||
|
||||
<div class="wp-block-button is-style-outline is-destructive is-small">
|
||||
<div class="wp-block-button is-style-outline is-destructive">
|
||||
<input
|
||||
type="submit"
|
||||
class="button button-danger wp-block-button__link wp-element-button"
|
||||
|
|
|
@ -12,6 +12,12 @@
|
|||
}
|
||||
|
||||
.my-pledges__pledge-actions {
|
||||
form {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: var(--wp--preset--spacing--20);
|
||||
}
|
||||
|
||||
.wp-block-button {
|
||||
display: inline-block;
|
||||
|
||||
|
|
Loading…
Reference in a new issue