Make WordPress Core

Changeset 54450


Ignore:
Timestamp:
10/10/2022 09:54:55 PM (17 months 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:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentyseventeen/style.css

    r53418 r54450  
    37973797    }
    37983798
     3799    @supports ( -webkit-touch-callout: none ) {
     3800        /* Image scrolls with the content in iOS Safari. */
     3801        .background-fixed .panel-image {
     3802            background-attachment: scroll;
     3803        }
     3804    }
     3805
    37993806    .page-two-column .panel-content .entry-header {
    38003807        float: left;
Note: See TracChangeset for help on using the changeset viewer.