Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve UI #74

Merged
merged 14 commits into from
Feb 21, 2024
Merged

Improve UI #74

merged 14 commits into from
Feb 21, 2024

Conversation

trymebytes
Copy link
Collaborator

@trymebytes trymebytes commented Feb 14, 2024

Fixes #65 and the overall look and feel of other pages.

Screenshots
Before
image

After
improveui

@trymebytes trymebytes marked this pull request as draft February 14, 2024 13:21
@trymebytes trymebytes changed the title Float right column to the right Improve UI Feb 14, 2024
@psrpinto psrpinto mentioned this pull request Feb 16, 2024
@psrpinto
Copy link
Member

psrpinto commented Feb 16, 2024

@trymebytes If you want I can resolve conflicts here, they're due to the linting PRs

If you're not currently actively working on this branch, I would be happy to rebase with trunk and force-push here with conflicts fixed.

@trymebytes
Copy link
Collaborator Author

Sure, please go ahead. Thank you!

@psrpinto
Copy link
Member

Rebased with trunk to fix conflicts. In case I messed something up, there's a copy of the original branch at https://github.com/WordPress/wporg-gp-translation-events/tree/improve-ui-backup

@trymebytes trymebytes force-pushed the improve-ui branch 2 times, most recently from 3a785ba to 439caba Compare February 19, 2024 18:25
@trymebytes trymebytes marked this pull request as ready for review February 19, 2024 18:28
Copy link
Member

@psrpinto psrpinto left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks much better!

<div>
<details class="event-stats-summary">
<summary>View stats summary in text </summary>
<p class="event-stats-text"><?php echo esc_html( sprintf( 'At the %s event, %d people contributed in %d languages (%s), translated %d strings and reviewed %d strings.', esc_html( $event_title ), esc_html( $event_stats->totals()->users ), count( $event_stats->rows() ), esc_html( implode( ',', array_keys( $event_stats->rows() ) ) ), esc_html( $event_stats->totals()->created ), esc_html( $event_stats->totals()->reviewed ) ) ); ?></p>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We could consider breaking this line up as it's really long, which makes it hard to read, IMHO.

templates/event.php Show resolved Hide resolved
<p>
Host: <a href="<?php echo esc_attr( get_author_posts_url( $event->post_author ) ); ?>"><?php echo esc_html( get_the_author_meta( 'display_name', $event->post_author ) ); ?></a>
<?php if ( current_user_can( 'edit_post', $event_id ) ) : ?>
<a class="event-page-edit-link button" href="<?php echo esc_url( gp_url( 'events/edit/' . $event_id ) ); ?>"><span class="dashicons dashicons-edit"></span>Edit event</a>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

For me the edit button doesn't show the pencil icon:

Screenshot 2024-02-20 at 11 52 36

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hmm, weird 🤔

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The icon is still not showing but I couldn't figure out why. I tested on firefox and chrome and it doesn't show in either.

@akirk
Copy link
Member

akirk commented Feb 20, 2024

Could you also improve the date formatting? Maybe split into start and end or show short dates and times but right now it's not very clear and feels convoluted.

@trymebytes
Copy link
Collaborator Author

image

@trymebytes trymebytes requested a review from psrpinto February 20, 2024 14:43
<?php endif; ?>
</div>
<?php if ( ! empty( $event_stats->rows() ) ) : ?>
<?php if ( ! empty( $event_stats->rows() ) ) : ?>
<div class="event-details-stats">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think we could make it so that the stats table is left-aligned with the rest of the content on the page:

Screenshot 2024-02-20 at 15 54 00

@amieiro amieiro merged commit b73bd21 into trunk Feb 21, 2024
2 checks passed
@amieiro amieiro deleted the improve-ui branch February 21, 2024 08:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Improve View Event visually
4 participants