UX: Prevent twitter onebox iframes from being taller than mobie viewport

UX: Prevent twitter onebox iframes from being taller than mobie viewport

diff --git a/app/assets/stylesheets/common/base/onebox.scss b/app/assets/stylesheets/common/base/onebox.scss
index eecdbb6..e1a6a3d 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 {

GitHub sha: 1232889b

1 Like

:anger: mobile not mobie

1 Like