Merge pull request #9742 from DataDog/brian.deutsch/selectors-banner-closed-fix

Fix gap on api pages on banner close

Author: kayayarai

src/scripts/components/announcement_banner.js

@@ -1,7 +1,21 @@
+const handleApiToolbar = () => {
+    const banner = document.querySelector('.announcement_banner');
+    const toolbar = document.querySelector('.api-toolbar');
+
+    if (!banner.classList.value.includes('open')) {
+        if (toolbar) {
+            toolbar.style.top = '64px';
+        }
+    }
+}
+
 $(document).ready(function () {
+    handleApiToolbar();
+
     $('.announcement_banner .icon').on('click', function () {
         sessionStorage.setItem('announcement_banner', 'closed');
         $('.announcement_banner').removeClass('open');
+        handleApiToolbar();
         $('html').removeClass('banner');
         $(window).trigger('scroll');
     });

src/styles/pages/_api.scss

@@ -130,7 +130,7 @@ $ddpurple: #632ca6;
             background: white;
             position: sticky;
             z-index: 1;
-            top: 95px;
+            top: 94px;
             height: 65px;
         }