From a35f9fda65cd301cbb9b7f8dfeb4256452614431 Mon Sep 17 00:00:00 2001
From: Jonathan Desrosiers <desrosj@git.wordpress.org>
Date: Thu, 17 Dec 2020 14:03:37 +0000
Subject: [PATCH] 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.

git-svn-id: https://develop.svn.wordpress.org/trunk@49823 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-content/themes/twentytwentyone/assets/css/ie.css     | 6 ------
 .../twentytwentyone/assets/sass/06-components/entry.scss    | 4 ----
 src/wp-content/themes/twentytwentyone/style-rtl.css         | 6 ------
 src/wp-content/themes/twentytwentyone/style.css             | 6 ------
 4 files changed, 22 deletions(-)

diff --git a/src/wp-content/themes/twentytwentyone/assets/css/ie.css b/src/wp-content/themes/twentytwentyone/assets/css/ie.css
index 10af886565..2333dd849d 100644
--- a/src/wp-content/themes/twentytwentyone/assets/css/ie.css
+++ b/src/wp-content/themes/twentytwentyone/assets/css/ie.css
@@ -5866,12 +5866,6 @@ h1.entry-title {
 	margin: 30px 0 !important;
 	max-width: 100% !important;
 }
-@media only screen and (min-width: 482px) {
-
-	.entry-content > iframe[style] {
-		max-width: 30px !important;
-	}
-}
 
 .entry-footer {
 	color: #28303d;
diff --git a/src/wp-content/themes/twentytwentyone/assets/sass/06-components/entry.scss b/src/wp-content/themes/twentytwentyone/assets/sass/06-components/entry.scss
index b30c9ac809..1ec1a10ca2 100644
--- a/src/wp-content/themes/twentytwentyone/assets/sass/06-components/entry.scss
+++ b/src/wp-content/themes/twentytwentyone/assets/sass/06-components/entry.scss
@@ -53,10 +53,6 @@ h1.entry-title {
 
 		margin: var(--global--spacing-vertical) 0 !important;
 		max-width: 100% !important;
-
-		@include media(mobile) {
-			max-width: var(--global--spacing-vertical) !important;
-		}
 	}
 
 	// Classic editor audio embeds.
diff --git a/src/wp-content/themes/twentytwentyone/style-rtl.css b/src/wp-content/themes/twentytwentyone/style-rtl.css
index 5bf3f4b9f1..5ba5e36c87 100644
--- a/src/wp-content/themes/twentytwentyone/style-rtl.css
+++ b/src/wp-content/themes/twentytwentyone/style-rtl.css
@@ -4135,12 +4135,6 @@ h1.entry-title {
 	margin: var(--global--spacing-vertical) 0 !important;
 	max-width: 100% !important;
 }
-@media only screen and (min-width: 482px) {
-
-	.entry-content > iframe[style] {
-		max-width: var(--global--spacing-vertical) !important;
-	}
-}
 
 .entry-footer {
 	color: var(--global--color-primary);
diff --git a/src/wp-content/themes/twentytwentyone/style.css b/src/wp-content/themes/twentytwentyone/style.css
index f72b1f0ad2..033847aaf3 100644
--- a/src/wp-content/themes/twentytwentyone/style.css
+++ b/src/wp-content/themes/twentytwentyone/style.css
@@ -4155,12 +4155,6 @@ h1.entry-title {
 	margin: var(--global--spacing-vertical) 0 !important;
 	max-width: 100% !important;
 }
-@media only screen and (min-width: 482px) {
-
-	.entry-content > iframe[style] {
-		max-width: var(--global--spacing-vertical) !important;
-	}
-}
 
 .entry-footer {
 	color: var(--global--color-primary);