From 3271128e09bc4e37f2bb50c6c1f116a8b103bdc9 Mon Sep 17 00:00:00 2001 From: ice9js Date: Mon, 4 Nov 2024 09:07:45 +0000 Subject: [PATCH] External Media / AI Image Generator: update button style (#39985) * External Media / AI Image Generator: update button style See #39934 Let's change the overall styles of the 2 buttons ("Select Image" and "Generate with AI"): - the buttons should be 40px high, like in Core. See https://github.com/WordPress/gutenberg/issues/46741 - the buttons should use the secondary style variant by default, to match the "Insert from URL" button. - the buttons should take the full width of the placeholder on mobile devices. * Ensure the buttons look good in narrow parent blocks See https://github.com/Automattic/jetpack/pull/39985#issuecomment-2449807545 * Simplify styling of the main wrapper The wrapper itself is still necessary unfortunately. Co-authored-by: Filipe Varela Co-authored-by: jasmussen * Add logic to change button size based on wp & Gutenberg versions The other buttons in the Image block were changed in this PR: https://github.com/WordPress/gutenberg/pull/65361 This was released with Gutenberg 19.4, and will be included in WP version 6.7. Let's consequently set our own buttons to match. --------- Co-authored-by: Filipe Varela Co-authored-by: jasmussen Committed via a GitHub action: https://github.com/Automattic/jetpack/actions/runs/11660975525 Upstream-Ref: Automattic/jetpack@746d1fcec1f8762f33b7dca919db62d28836e67b