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

Updates to the wporg-events-2023 theme. #1118

Merged
merged 12 commits into from
Dec 1, 2023
Merged

Updates to the wporg-events-2023 theme. #1118

merged 12 commits into from
Dec 1, 2023

Conversation

StevenDufresne
Copy link
Contributor

@StevenDufresne StevenDufresne commented Nov 30, 2023

Implements styles for events.wordpress.org.

TODO

  • Event list still needs a few improvements.
  • The filters are missing
  • Some basic alignment improvements need
  • Sub navigation isn't being sticky.

Designs:

https://www.figma.com/file/jdMk5ssz2Av7KFfEaeK7de/Events?node-id=1521%3A15155&mode=dev

Current State

Screenshots
events wordpress test_ (3)
events wordpress test_ (4)
events wordpress test_(Samsung Galaxy S8+)

@StevenDufresne StevenDufresne changed the title Updates to the theme. Updates to the wporg-events-2023 theme. Nov 30, 2023
@StevenDufresne StevenDufresne marked this pull request as ready for review December 1, 2023 06:21
<!-- wp:site-title {"level":0,"fontSize":"small"} /-->

<!-- wp:navigation {"icon":"menu","overlayBackgroundColor":"charcoal-2","overlayTextColor":"white","layout":{"type":"flex","orientation":"horizontal"},"fontSize":"small","menuSlug":"local-navigation"} /-->
<!-- wp:navigation {"ref":128,"icon":"menu","overlayBackgroundColor":"charcoal-2","overlayTextColor":"white","layout":{"type":"flex","orientation":"horizontal"},"fontSize":"small","menuSlug":"local-navigation"} /-->
Copy link
Member

Choose a reason for hiding this comment

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

This breaks the menu in my env. I don't think we need it since we have menuSlug, which creates it dynamically via add_site_navigation_menus(). I'll remove it, but LMK if you think it should come back

@iandunn
Copy link
Member

iandunn commented Dec 1, 2023

The map error in your screenshot may just be caused by WORDCAMP_DEV_GOOGLE_MAPS_API_KEY not being a valid key.

Copy link
Member

@iandunn iandunn left a comment

Choose a reason for hiding this comment

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

Looks good overall 👍🏻 I'll merge and iterate a bit today.

@iandunn iandunn merged commit cb7a83d into production Dec 1, 2023
3 checks passed
@iandunn iandunn deleted the add/fix-styles branch December 1, 2023 18:19

<!-- wp:column {"verticalAlignment":"top","width":"50%"} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:50%"><!-- wp:jetpack/tiled-gallery {"columnWidths":[["65.48121","34.51879"]],"ids":[79,85,82],"style":{"layout":{"selfStretch":"fixed","flexSize":"50%"}}} -->
<div class="wp-block-jetpack-tiled-gallery aligncenter is-style-rectangular"><div class="tiled-gallery__gallery"><div class="tiled-gallery__row"><div class="tiled-gallery__col" style="flex-basis:65.48121%"><figure class="tiled-gallery__item"><img alt="" data-height="272" data-url="https://events.wordpress.test/wp-content/themes/wporg-events-2023/images/contributors-rectangle1.png" data-width="615" src="https://events.wordpress.test/wp-content/themes/wporg-events-2023/images/contributors-rectangle1.png" data-amp-layout="responsive"/></figure></div></div><div class="tiled-gallery__row"><div class="tiled-gallery__col"><figure class="tiled-gallery__item"><img alt="" data-height="272" data-url="https://events.wordpress.test/wp-content/themes/wporg-events-2023/images/contributors-square1.png" data-width="298" src="https://events.wordpress.test/wp-content/themes/wporg-events-2023/images/contributors-square1.png" data-amp-layout="responsive"/></figure></div><div class="tiled-gallery__col"><figure class="tiled-gallery__item"><img alt="" data-height="272" data-url="https://events.wordpress.test/wp-content/themes/wporg-events-2023/images/contributors-square2.png" data-width="297" src="https://events.wordpress.test/wp-content/themes/wporg-events-2023/images/contributors-square2.png" data-amp-layout="responsive"/></figure></div></div></div></div>
Copy link
Member

Choose a reason for hiding this comment

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

It looks like copy/pasting from the editor overwrote the inclusion of the front-contributors-meet-gallery.php pattern. I'd set that up in order to generate the URLs dynamically instead of hardcoding local env URLs like this.

I'll fix it in the next PR, but LMK if you have any ideas on how to structure things better so that we don't accidentally do stuff like this. I'm still trying to find a good editor -> code workflow, so I may not have set it up in the best way.

One nice thing about using template parts is that the editor shows them as a part, so it's more obvious that you should just copy/paste that section into a specific file. For patterns it just says "Group" and you have to already know that it's part of a pattern :(

@iandunn iandunn added this to the Events: Promotion milestone Dec 11, 2023
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.

2 participants