Changeset 49823

Timestamp:

12/17/2020 02:03:37 PM (6 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 {