Changeset 11985 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-makehome/front-page.php

Timestamp:

07/21/2022 06:03:31 AM (3 years ago)

Author:

dd32

Message:

Make: Replace masonry usage on the make homepage with flexbox css.

This is not a 1:1 replacement and it removes the masonry re-ordering, but masonry.js was affecting a minority of the teams cards and removal makes visual regression testing more viable.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-makehome/front-page.php (modified) (2 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-makehome/front-page.php

@@ -8 +8 @@
     <div class="wrapper">
         <h2 class="section-title"><?php _e( 'There are many different ways for you to get involved with WordPress:', 'make-wporg' ); ?></h2>
-        <div class="js-masonry" data-masonry-options='{ "itemSelector": ".make_site" }'>
+        <div class="make-sites">
         <?php
             $sites_query = new WP_Query( 'post_type=make_site&posts_per_page=-1&order=ASC' );
@@ -17 +17 @@
                 $make_site_id = get_post_meta( $post->ID, 'make_site_id', true );
                 $url          = $makesites[ $make_site_id ];
-        ?>
+            ?>
             <article id="site-<?php the_ID(); ?>" <?php post_class(); ?>>
                 <h2>