[Super Cache] Fix banner on zoom out (#32211)

* Don't set an explicit width on the image; it is streching the infobox when zoomed out * changelog --------- Co-authored-by: Mark George <[email protected]> Committed via a GitHub action: https://github.com/Automattic/jetpack/actions/runs/5746044587
Automattic · Aug 3, 2023 · 0f3281a · 0f3281a
1 parent a67e00d
commit 0f3281a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -9,6 +9,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 This is an alpha version! The changes listed here are not final.
 
+### Fixed
+- Fixed boost banner getting oversized when zoomed out
+
 ## [1.10.0-beta] - 2023-08-01
 ### Added
 - Caching: Added support for the 'Accept' HTTP Header. Prevent caching JSON content. [#29456]

diff --git a/wp-cache.php b/wp-cache.php
@@ -1075,14 +1075,13 @@ function toggleLayer( whichLayer ) {
 			min-width: 40%;
 			max-width: 40%;
 			overflow: hidden;
+			text-align: right;
 		}
 
 		.wpsc-boost-banner-image-container img {
 			position: relative;
-			left: 50%;
 			top: 50%;
-			transform: translate(-50%, -50%);
-			width: 100%;
+			transform: translateY(-50%);
 		}
 
 		.wpsc-boost-banner h3 {