vhad/wordpress-develop
1
0
Fork 0
mirror of https://github.com/gosticks/wordpress-develop.git synced 2025-10-16 12:05:38 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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.


git-svn-id: https://develop.svn.wordpress.org/trunk@54450 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Jb Audras 2022-10-10 21:54:55 +00:00
parent aad26ece43
commit ce7c0362bf
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/wp-content/themes/twentyseventeen/style.css
View File

@ -3796,6 +3796,13 @@ p > object:only-child {
background-attachment: fixed;
}
@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;
width: 36%;