beenull/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Archeo: fix image block widths (#5634)

Browse source 
* Add wp-image- class to Layered images with headline

* Add wp-image- class to Image with description

* Add wp-image- class to Layout with two images and text

* Revert "Add wp-image- class to Layout with two images and text"

This reverts commit 8627c3f2c5.

* Revert "Add wp-image- class to Image with description"

This reverts commit 6ced73754c.

* Revert "Add wp-image- class to Layered images with headline"

This reverts commit 7616eb3b89.

* Fix invalid block error

* Add CSS patch for responsive images

* Remove ID attribute from Image with description
This commit is contained in:
Sarah Norris 2022-03-09 13:58:07 +00:00 committed by GitHub
parent fd1e51a9a9
commit d401a92afe
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
archeo/inc/patterns/image-with-description.php
View file

@ -23,7 +23,7 @@ return array(
<p class="has-small-font-size" style="font-style:italic;font-weight:400">' . __( 'From "American Cities and Ruins: Mitla, Palenqué, Izamal, Chichen-Itza, Uxmal, Atlas" housed at the New York Public Library.', 'archeo' ) . '</p>
<!-- /wp:paragraph -->
<!-- wp:image {"id":840,"sizeSlug":"full","linkDestination":"none"} -->
<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/ancien-temple.jpg" alt="' . __( 'Photo of ancient temple, at Chichen-Itza', 'archeo' ) . '"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>

2
archeo/inc/patterns/layout-with-two-images-and-text.php
View file

@ -17,7 +17,7 @@ return array(
<!-- /wp:paragraph -->
<!-- wp:image {"align":"left","sizeSlug":"full","linkDestination":"none"} -->
<div class="wp-block-image"><figure class="alignleft size-full"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/pyramid.jpg" alt="' . __( 'Photograph by Désiré Charnay, 1862 to 1863', 'archeo' ) . '"/><figcaption><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-background-color"><em>' . __( 'Photograph by Désiré Charnay, 1862 – 1863', 'archeo' ) . '</em></mark></figcaption></figure></div>
<figure class="wp-block-image alignleft size-full"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/pyramid.jpg" alt="' . __( 'Photograph by Désiré Charnay, 1862 to 1863', 'archeo' ) . '"/><figcaption><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-background-color"><em>' . __( 'Photograph by Désiré Charnay, 1862 – 1863', 'archeo' ) . '</em></mark></figcaption></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

9
archeo/style.css
View file

@ -203,3 +203,12 @@ body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.wp-block-group.simple-list-of-posts {
align-items: baseline;
}
/*
* Needed until there's a fix in GB.
* Related: https://github.com/WordPress/gutenberg/pull/39045
*/
.wp-block-image img {
height: auto;
max-width: 100%;
}