Adjust iframes to 1/3 of viewport height and remove Netlify Drawer code

This commit is contained in:
Daniel LaForce 2024-08-02 15:48:36 -06:00
parent 3ec5a09a99
commit af7ada529b
1 changed files with 1 additions and 17 deletions

View File

@ -29,7 +29,7 @@
iframe {
flex: 1;
border: none;
height: 50%; /* Adjust as necessary to fit within the viewport */
height: 33%; /* Adjust to 1/3 of the viewport height */
}
.buttons {
width: 100%;
@ -42,11 +42,6 @@
font-size: 16px;
cursor: pointer;
}
/* CSS to hide Netlify Drawer */
iframe[src^='https://app.netlify.com'] {
display: none;
}
</style>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CC1B9CQ691"></script>
@ -56,14 +51,6 @@
gtag('js', new Date());
gtag('config', 'G-CC1B9CQ691');
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
const netlifyDrawer = document.querySelector("iframe[src^='https://app.netlify.com']");
if (netlifyDrawer) {
netlifyDrawer.style.display = "none";
}
});
</script>
</head>
<body>
<div class="header">
@ -77,8 +64,5 @@
<button onclick="window.location.href='https://rebrand.ly/csmsgoogle'">View on Google Maps</button>
<button onclick="window.location.href='https://rebrand.ly/csmsgaia'">View on Gaia GPS</button>
</div>
<div data-netlify-deploy-id="66ad3357ef8ab60008fe7cdb" data-netlify-site-id="d4c63ad8-dc16-4a45-a20f-aa2b8ba2eb40" data-vcs="github" style="position:fixed">
<script async src="/.netlify/scripts/cdp"></script>
</div>
</body>
</html>