Changeset 54450

Timestamp:

10/10/2022 09:54:55 PM (2 years ago)

Author:

audrasjb

Message:

Twenty Seventeen: Prevent scaling issues on featured images using Safari on iPadOS.

This changeset ensures background-attachment is set to scroll for parallax images when the browser is iOS Safari and the screen is at least 48em (768px) wide. Narrower screens have the default scroll value regardless of the browser. It prevents from scaling issues on the images featured on the front page using Twenty Seventeen.

Props JarretC, sabernhardt, mrfoxtalbot, dkotter.
Fixes #48195.

File:

• trunk/src/wp-content/themes/twentyseventeen/style.css (modified) (1 diff)

trunk/src/wp-content/themes/twentyseventeen/style.css

@@ -3797 +3797 @@
     }
 
+    @supports ( -webkit-touch-callout: none ) {
+        /* Image scrolls with the content in iOS Safari. */
+        .background-fixed .panel-image {
+            background-attachment: scroll;
+        }
+    }
+
     .page-two-column .panel-content .entry-header {
         float: left;