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