From b17a13fec224d002eff98a4b37f4fc15553aa704 Mon Sep 17 00:00:00 2001
From: Joseph Izang <josephizang@gmail.com>
Date: Tue, 11 Jun 2024 10:18:58 +0100
Subject: [PATCH] optional render of https button

---
 .../src/lib/components/homeTabFile.tsx        | 26 ++++++++++++++-----
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx b/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx
index d6464097cd..e21c5125d4 100644
--- a/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx
@@ -309,14 +309,26 @@ contract HelloWorld {
             Gist
               </button>
 
-              <button
-                className="btn text-nowrap p-2 mr-2 border my-1"
-                onClick={() =>
-                  showFullMessage('Https', 'http/https raw content', ['https://raw.githubusercontent.com/OpenZeppelin/openzeppelin-contracts/master/contracts/token/ERC20/ERC20.sol'])
-                }
-              >
+              {innerHeight <= 781 && innerWidth <= 1150 ? (
+                <button
+                  className="btn text-nowrap p-2 mr-2 border my-1"
+                  onClick={() =>
+                    showFullMessage('Https', 'http/https raw content', ['https://raw.githubusercontent.com/OpenZeppelin/openzeppelin-contracts/master/contracts/token/ERC20/ERC20.sol'])
+                  }
+                  style={{ opacity: 0 }}
+                >
             HTTPS
-              </button>
+                </button>
+              ) : (
+                <button
+                  className="btn text-nowrap p-2 mr-2 border my-1"
+                  onClick={() =>
+                    showFullMessage('Https', 'http/https raw content', ['https://raw.githubusercontent.com/OpenZeppelin/openzeppelin-contracts/master/contracts/token/ERC20/ERC20.sol'])
+                  }
+                >
+            HTTPS
+                </button>
+              )}
             </div>
           </div>
           <div className="d-flex mt-2 align-items-end w-100">