Changeset 49823

Timestamp:

12/17/2020 02:03:37 PM (3 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.
Fixes #52004.

Location:

trunk/src/wp-content/themes/twentytwentyone

Files:

• assets/css/ie.css (modified) (1 diff)
• assets/sass/06-components/entry.scss (modified) (1 diff)
• style-rtl.css (modified) (1 diff)
• style.css (modified) (1 diff)

trunk/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 {

trunk/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;
-        }
     }
 

trunk/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 {

trunk/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 {