From 1232889b3080a944061d27977b2f7c8f657f0ff9 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Mon, 12 Aug 2019 11:03:54 -0400
Subject: [PATCH] UX: Prevent twitter onebox iframes from being taller than
 mobie viewport

---
 app/assets/stylesheets/common/base/onebox.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/app/assets/stylesheets/common/base/onebox.scss b/app/assets/stylesheets/common/base/onebox.scss
index eecdbb6c936..e1a6a3dfb7d 100644
--- a/app/assets/stylesheets/common/base/onebox.scss
+++ b/app/assets/stylesheets/common/base/onebox.scss
@@ -233,6 +233,13 @@ aside.onebox {
         max-height: 100%;
         float: none;
       }
+
+      @include breakpoint(mobile-extra-large) {
+        // Prevent twitter embeds from being taller than the mobile viewport
+        iframe {
+          max-height: 70vh;
+        }
+      }
     }
 
     &.user-onebox {