FIX: Don't outline buttons when menu is in slide out

app/assets/javascripts/discourse/components/menu-panel.js.es6

@@ -37,11 +37,13 @@ export default Ember.Component.extend({
         contentHeight = fullHeight - (offsetTop - scrollTop) - PANEL_BODY_MARGIN;
       }
       $panelBody.height(contentHeight);
+      $('body').addClass('drop-down-visible');
     } else {
       $panelBody.height('auto');
       const $header = $('header.d-header');
       const headerHeight = parseInt($header.height() + $header.offset().top - $(window).scrollTop() + 3);
       this.$().css({ left: "auto", top: headerHeight + "px" });
+      $('body').removeClass('drop-down-visible');
     }
   },
 
@@ -76,6 +78,7 @@ export default Ember.Component.extend({
       $('html').off('click.close-menu-panel');
       $(window).off('scroll.discourse-menu-panel');
       this._stopWatchingSize();
+      $('body').removeClass('drop-down-visible');
     }
   },
 

app/assets/stylesheets/common/base/header.scss

@@ -82,6 +82,7 @@
           background-color: dark-light-diff($primary, $secondary, 90%, -60%);
         }
       }
+      .drop-down-visible & {
         .active .icon {
           position: relative;
           color: #7b7b7b;
@@ -105,6 +106,7 @@
             border-bottom: none;
           }
         }
+      }
       [class^="fa fa-"] {
         width: 32px;
         height: 32px;