Theme: Display the Edit Pledge shortcode on individual pledges.

Fixes #5
This commit is contained in:
Ian Dunn 2019-11-08 15:33:20 -08:00
parent 2e8912e9d5
commit 7bcc82286c
2 changed files with 63 additions and 2 deletions

View file

@ -53,5 +53,52 @@ body.single.single-5ftf_pledge {
margin-top: ms(2);
border-top: 1px solid $color-gray-light-500;
padding-top: ms(2);
.report-wrapper {
margin-bottom: 1em;
}
@include breakpoint( $breakpoint-tablet ) {
display: grid;
grid-template-columns: 50% 50%;
#toggle-management-link-form,
#request-management-link {
float: right;
clear: both;
}
}
}
#request-management-link {
width: 300px;
border: 1px solid #ebeced; // setup var
box-shadow: rgba(25, 30, 35, 0.1) 0 3px 30px;
margin-top: 20px;
padding: 15px;
// todo add the upper ^ carot thing
// border-radius or something to draw triangle
// element inside the box, but then abs position outside it?
// z-index above parent so it's above box-shadow - probably happens by default?
p:first-child {
margin-top: 0;
}
input[type="email"] {
width: 100%;
margin: 0 0 20px 0;
}
input[type="submit"] {
float: right;
clear: both;
margin-bottom: 20px;
}
#form-messages {
clear: both;
}
}
}

View file

@ -15,7 +15,13 @@ $contributors = Contributor\get_contributor_user_objects(
$report_page = get_page_by_path( 'report' );
get_header(); ?>
get_header();
/**
* @var WP_Post $post
*/
?>
<main id="main" class="site-main" role="main">
@ -118,7 +124,15 @@ get_header(); ?>
</div>
<footer class="entry-footer">
<a href="<?php the_permalink( $report_page ); ?>"><?php esc_html_e( 'Report a problem', 'wporg' ); ?></a>
<div class="report-wrapper">
<a href="<?php the_permalink( $report_page ); ?>">
<?php esc_html_e( 'Report a problem', 'wporg' ); ?>
</a>
</div>
<div class="edit-pledge-wrapper">
<?php do_shortcode( '[5ftf_pledge_form_manage_link]' ); ?>
</div>
</footer>
</article>