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