Solo-Web-Works/CWC
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use new mobile vector for our work

Browse Source 
Replace the clip-path composition of the desktop SVG with a real <img> that references the artist-supplied mobile-work-vector.svg. Drop the CSS-layer trick and the ::before/::after background pieces; the new mobile SVG already covers the composition. Update the linework composition test to assert against the new <img>.
This commit is contained in:
Keith Solomon
2026-06-28 13:06:01 -05:00
parent 8c239e15f6
commit daeb184dd1
4 changed files with 15 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
views/blocks/our-work/our-work.php
+11 -8
View File
@@ -9,9 +9,10 @@
namespace CWC;
$left_image = get_field( 'left_image' );
$bottom_image = get_field( 'bottom_image' );
$vector_url = get_stylesheet_directory_uri() . '/views/blocks/our-work/our-work-vector.svg';
$left_image = get_field( 'left_image' );
$bottom_image = get_field( 'bottom_image' );
$vector_url = get_stylesheet_directory_uri() . '/views/blocks/our-work/our-work-vector.svg';
$mobile_vector_url = get_theme_file_uri( '/static/img/mobile-work-vector.svg' );
$classes = 'our-work mx-break-out mb-36';
@@ -32,11 +33,13 @@ $wrapper = blockWrapperAttributes( $classes, $is_preview );
<section <?php echo wp_kses_post( $wrapper ); ?>>
<div class="our-work__vector" aria-hidden="true">
<div
class="our-work__vector-mobile"
style="<?php echo esc_attr( '--our-work-vector-image: url(' . esc_url( $vector_url ) . ');' ); ?>"
>
<div class="our-work__vector-mobile-clip"></div>
<div class="our-work__vector-mobile">
<img
src="<?php echo esc_url( $mobile_vector_url ); ?>"
alt=""
loading="lazy"
role="presentation"
/>
</div>
<div class="our-work__vector-desktop">