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-07-12 21:35:44 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

My Pledges: Fix notice style, spacing, add logged out message

Browse source
This commit is contained in:
Kelly Dwan 2024-09-02 12:08:35 -04:00
parent 02b5cad550
commit 39a23ae806
No known key found for this signature in database
GPG key ID: 8BA5575F3D11575D
4 changed files with 38 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

26
themes/wporg-5ftf-2024/src/my-pledge-list/render.php
View file

@ -9,7 +9,10 @@ use function WordPressdotorg\Theme\FiveForTheFuture_2024\My_Pledge_List\{render_
use const WordPressDotOrg\FiveForTheFuture\Contributor\CPT_ID as CONTRIBUTOR_POST_TYPE;
if ( ! is_user_logged_in() ) {
// @todo — add error message.
render_notice( 'warning', sprintf(
__( 'Please <a href="%s">log in to your WordPress.org account</a> in order to view your pledges.', 'wporg-5ftf' ),
esc_url( wp_login_url( get_permalink() ) )
) );
return;
}
@ -41,7 +44,7 @@ $has_profile_data = $profile_data['hours_per_week'] && $profile_data['team_name
>
<?php
if ( $success_message ) {
render_notice( 'info', $success_message );
render_notice( 'success', $success_message );
echo '<div style="margin-top:var(--wp--preset--spacing--20);height:0" aria-hidden="true" class="wp-block-spacer"></div>';
}
?>
@ -49,6 +52,7 @@ $has_profile_data = $profile_data['hours_per_week'] && $profile_data['team_name
<?php if ( $has_contributions ) : ?>
<?php if ( $contributor_publish_posts ) : ?>
<h2 class="screen-reader-text"><?php esc_html_e( 'Pledges', 'wporg-5ftf' ); ?></h2>
<div class="my-pledges__list">
<?php
@ -62,9 +66,9 @@ $has_profile_data = $profile_data['hours_per_week'] && $profile_data['team_name
<?php if ( $contributor_pending_posts ) : ?>
<div class="my-pledges__list is-pending-list">
<h2><?php esc_html_e( 'Pending Pledges', 'wporg-5ftf' ); ?></h2>
<h2><?php esc_html_e( 'Pending Pledges', 'wporg-5ftf' ); ?></h2>
<div class="my-pledges__list is-pending-list">
<?php
if ( ! $has_profile_data ) {
render_notice(
@ -86,12 +90,14 @@ $has_profile_data = $profile_data['hours_per_week'] && $profile_data['team_name
<?php else : ?>
<?php echo wp_kses_data( sprintf(
__( 'You don’t currently have any sponsorships. If your employer is sponsoring part of your time to contribute to WordPress, please ask them to <a href="%s">submit a pledge</a> and list you as a contributor.', 'wporg-5ftf' ),
esc_url( $pledge_url )
) ); ?>
<?php // todo add some resources here about how they can convince their boss to sponsor some of their time? ?>
<p>
<?php
echo wp_kses_data( sprintf(
__( 'You don’t currently have any sponsorships. If your employer is sponsoring part of your time to contribute to WordPress, please ask them to <a href="%s">submit a pledge</a> and list you as a contributor.', 'wporg-5ftf' ),
esc_url( $pledge_url )
) );
?>
</p>
<?php endif; ?>
</div>

30
themes/wporg-5ftf-2024/src/my-pledge-list/style.scss
View file

@ -1,18 +1,24 @@
.my-pledges__list > * + * {
margin-top: var(--wp--preset--spacing--60);
}
.wp-block-wporg-my-pledge-list {
> p {
max-width: var(--wp--custom--layout--content-size);
}
.my-pledges__list.is-pending-list > .wp-block-wporg-notice {
margin-top: var(--wp--preset--spacing--20);
}
.my-pledges__list > * + * {
margin-top: var(--wp--preset--spacing--60);
}
.my-pledges__pledge-actions {
.wp-block-button {
display: inline-block;
.my-pledges__list.is-pending-list > .wp-block-wporg-notice {
margin-top: var(--wp--preset--spacing--20);
}
[disabled="disabled"] {
--wp--custom--button--color--background: var(--wp--preset--color--blueberry-2);
pointer-events: none;
.my-pledges__pledge-actions {
.wp-block-button {
display: inline-block;
[disabled="disabled"] {
--wp--custom--button--color--background: var(--wp--preset--color--blueberry-2);
pointer-events: none;
}
}
}
}