message: refactor(docs-infra): scope top-menu styles to the `.app-toolbar` element
  This commit ensures that all styles for the app top-menu (which are
  defined in `_top-menu.scss`) only apply to elements inside an
  `.app-toolbar` element. This will prevent the styles accidentally taking
  effect on a different part of the app.
  PR Close
diff: @@ -62,41 +62,6 @@ mat-toolbar.app-toolbar {
  color: $white;
  }
  - // EXTERNAL LINK ICONS
  - .toolbar-external-icons-container {
  - display: flex;
  - flex-direction: row;
  - flex-shrink: 0; // This is required for the icons to be displayed correctly in IE11.
  - height: 100%;
  -
  - a {
  - display: flex;
  - align-items: center;
  - padding: 24px;
  - margin: 0 -16px;
  -
  - &:focus {
  - // `outline-offset` is not applied on Chrome on Windows, if `outline-style` is `auto.
  - outline: 1px solid $focus-outline-ondark;
  - outline-offset: -16px;
  - }
  -
  - @media screen and (max-width: 480px) {
  - margin: 0 0 0 8px;
  - padding: 0;
  - }
  -
  - &:hover {
  - opacity: 0.8;
  - }
  -
  - img {
  - height: 24px;
  - }
  - }
  - }
  -}
  -
  // HAMBURGER BUTTON
  .hamburger {
  height: 100%;
  @@ -273,3 +238,38 @@ aio-search-box.search-container {
  }
  }
  }
  +
  + // EXTERNAL LINK ICONS
  + .toolbar-external-icons-container {
  + display: flex;
  + flex-direction: row;
  + flex-shrink: 0; // This is required for the icons to be displayed correctly in IE11.
  + height: 100%;
  +
  + a {
  + display: flex;
  + align-items: center;
  + padding: 24px;
  + margin: 0 -16px;
  +
  + &:focus {
  + // `outline-offset` is not applied on Chrome on Windows, if `outline-style` is `auto.
  + outline: 1px solid $focus-outline-ondark;
  + outline-offset: -16px;
  + }
  +
  + @media screen and (max-width: 480px) {
  + margin: 0 0 0 8px;
  + padding: 0;
  + }
  +
  + &:hover {
  + opacity: 0.8;
  + }
  +
  + img {
  + height: 24px;
  + }
  + }
  + }
  +}
  