Update DIFM theme step (#106860)

Author: xavier-lc

packages/design-picker/src/utils/available-designs.ts

@@ -23,7 +23,7 @@ export const getMShotOptions = ( {
 	// end up serving WEBPs instead of JPEGs, spend fewer bits on parts of images that are not displayed, and possibly display fewer images.
 	//
 	// See #88786 for more info.
-	let w = 500;
+	let w = 1200;
 	let screen_height = 1100;
 	if ( oldHighResImageLoading ) {
 		w = highRes ? 1199 : 600;

packages/onboarding/src/mshots-image/index.tsx

@@ -265,19 +265,6 @@ const MShotsImageControl = ( {
 		visible ? 'mshots-image-visible' : 'mshots-image__loader'
 	);
 
-	if ( options?.oldHighResImageLoading ) {
-		return scrollable ? (
-			<div className={ className } style={ style } aria-labelledby={ labelledby }>
-				<img ref={ imgRef } className="mshots-dummy-image" aria-hidden="true" alt="" />
-			</div>
-		) : (
-			<img
-				ref={ imgRef }
-				{ ...{ className, style, src, alt, loading } }
-				aria-labelledby={ labelledby }
-			/>
-		);
-	} // else, prettier doesn't like having an else after a return
 	return scrollable ? (
 		<div className={ className } style={ style } aria-labelledby={ labelledby }>
 			<img
@@ -396,6 +383,7 @@ const MShotsImage = ( {
 			/>
 		);
 	}
+
 	return (
 		<MShotsImageControl
 			url={ url }

packages/onboarding/src/mshots-image/style.scss

@@ -5,6 +5,7 @@
 }
 
 .mshots-image__container {
+	cursor: pointer;
 	height: 100%;
 }