fix: mobile nav banner not visible due top-banner-bg

Author: byron-okta

src/website/top-banner.js

@@ -3,6 +3,7 @@ export function TopBanner() {
     document
       .querySelector(".close-top-banner")
       .addEventListener("click", () => {
+        document.querySelector(".top-banner-bg").classList.add("closed");
         document.querySelector(".top-banner").classList.add("closed");
         document.querySelector(".top-banner-spacer").classList.add("hide");
         document.querySelector(".navbar").classList.remove("top-banner-open");

stylus/website/index.styl

@@ -1848,6 +1848,14 @@ footer {
   width: 100%;
   height: 48px;
   z-index: 100;
+
+  &.closed {
+    visibility: hidden;
+    height: 0;
+    opacity: 0;
+    padding: 0;
+    transition: all 0.1s linear;
+  }
 }
 
 .top-banner {