From 1361e6d8a139d9ab6b0e662e6cd574277dd9eb73 Mon Sep 17 00:00:00 2001
From: "Gervaise H. Henry" <gervaise.henry@utsouthwestern.edu>
Date: Sun, 25 Apr 2021 20:52:29 -0500
Subject: [PATCH] Make minimum screen size bigger for cellxgene embed

---
 layouts/custom/cellxgene.html | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/layouts/custom/cellxgene.html b/layouts/custom/cellxgene.html
index 19923a5..2907d18 100644
--- a/layouts/custom/cellxgene.html
+++ b/layouts/custom/cellxgene.html
@@ -16,20 +16,20 @@
     .no-cellxgene{
         display: none;
     }
-@media only screen and (max-width: 1000px) {
-    .cellxgene{
-        display: none;
-    }
-    .no-cellxgene{
-        margin: 0 auto;
-        padding: 0 2em;
-        margin-bottom: 50px;
-        display: inherit;
+    @media only screen and (max-width: 1500px) {
+        .cellxgene{
+            display: none;
+        }
+        .no-cellxgene{
+            margin: 0 auto;
+            padding: 0 2em;
+            margin-bottom: 50px;
+            display: inherit;
+        }
     }
-}
 </style>
 <div class="cellxgene">
-    <iframe name="embed" src="{{ .Params.cxg_link }}" width="100%" height="100%" frameborder="0" allowfullscreen="" ></iframe>
+    <iframe name="embed" src="{{ .Params.cxg_link }}" width="100%" height="100%" frameborder="0" allowfullscreen="" style="overflow: hidden"></iframe>
 </div>
 <div class="no-cellxgene">
     <h2>Screen width too narrow to display cellxgene</h1>
-- 
GitLab