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

Add the new site-header template for the DotOrg design #316

Merged
merged 14 commits into from
Jun 11, 2024

Conversation

amieiro
Copy link
Collaborator

@amieiro amieiro commented Jun 4, 2024

This PR implements the new design for the site-header at translate.wordpress.org, using only blocks. This PR:

  • Adds a new site-header template in the new design.
    • Adds the global-header block.
    • Adds a hard-coded menu.
    • Adds some inline CSS, copied from other site at wordpress.org, that should be removed in a future PR.
  • Removes the call to the gp_tmpl_header(); method.
  • Adds the new header and footer in the new-design. We need to iterate in these templates.

Currently, this PR only works in My events, because we don't have another main templates in the new design.

New design with the current template system

image

New design with blocks

image

Currently, we have a problem with the breadcrumb at translate.wordpress.org, because it is not working. We should address this problem in a future PR.

@amieiro amieiro marked this pull request as draft June 4, 2024 08:24
@amieiro amieiro marked this pull request as ready for review June 4, 2024 09:17
@amieiro amieiro marked this pull request as draft June 5, 2024 08:15
@amieiro amieiro marked this pull request as ready for review June 5, 2024 10:35
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.

Tested locally and works nicely 👍

templates/parts/header.php Show resolved Hide resolved
echo do_blocks( '<!-- wp:wporg/global-header /-->' );

gp_enqueue_styles( array( 'gp-jquery-webui-popover', 'driver-js' ) );
gp_enqueue_scripts( array( 'gp-tour' ) );
Copy link
Member

Choose a reason for hiding this comment

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

Would it make sense to use wp_enqueue_styles() and wp_enqueue_scripts() instead? Also, I'm wondering if we need the tour in the Translation Events (I'm assuming jquery-webui-popover and driver-js are for the tour).

templates/new-design/parts/header.php Show resolved Hide resolved

?>

<div class="event-list-top-bar">
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 it could make sense to remove this from this PR for now, as it doesn't currently adhere to the new design, and implement it in a later PR with the new design.

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.

Approving since we we can improve it other PRs, if needed.

@psrpinto psrpinto mentioned this pull request Jun 7, 2024
19 tasks
@psrpinto
Copy link
Member

Merging, we can iterate in future PRs.

@psrpinto psrpinto merged commit f85d864 into trunk Jun 11, 2024
3 checks passed
@psrpinto psrpinto deleted the site-header-new-design branch June 11, 2024 14:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
3 participants