Changeset 49851

Timestamp:

12/21/2020 01:25:07 PM (4 years ago)

Author:

desrosj

Message:

Twenty Twenty-One: Prevent <iframe> embeds from being too narrow.

This fixes an issue where <iframe> embeds were being pushed to the side of the screen and compressed to the point of being unusable.

Props helen, mukesh27, poena, thorlentz.
Merges [49823] to the 5.6 branch.
Fixes #52004.

Location:

branches/5.6

Files:

• . (modified) (1 prop)
• src/wp-content/themes/twentytwentyone/assets/css/ie.css (modified) (1 diff)
• src/wp-content/themes/twentytwentyone/assets/sass/06-components/entry.scss (modified) (1 diff)
• src/wp-content/themes/twentytwentyone/style-rtl.css (modified) (1 diff)
• src/wp-content/themes/twentytwentyone/style.css (modified) (1 diff)

branches/5.6/src/wp-content/themes/twentytwentyone/assets/css/ie.css

@@ -5867 +5867 @@
     max-width: 100% !important;
 }
-@media only screen and (min-width: 482px) {
-
-    .entry-content > iframe[style] {
-        max-width: 30px !important;
-    }
-}
 
 .entry-footer {

branches/5.6/src/wp-content/themes/twentytwentyone/assets/sass/06-components/entry.scss

@@ -54 +54 @@
         margin: var(--global--spacing-vertical) 0 !important;
         max-width: 100% !important;
-
-        @include media(mobile) {
-            max-width: var(--global--spacing-vertical) !important;
-        }
     }
 

branches/5.6/src/wp-content/themes/twentytwentyone/style-rtl.css

@@ -4136 +4136 @@
     max-width: 100% !important;
 }
-@media only screen and (min-width: 482px) {
-
-    .entry-content > iframe[style] {
-        max-width: var(--global--spacing-vertical) !important;
-    }
-}
 
 .entry-footer {

branches/5.6/src/wp-content/themes/twentytwentyone/style.css

@@ -4156 +4156 @@
     max-width: 100% !important;
 }
-@media only screen and (min-width: 482px) {
-
-    .entry-content > iframe[style] {
-        max-width: var(--global--spacing-vertical) !important;
-    }
-}
 
 .entry-footer {