// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.page-extra-tabs {
  position: sticky;
  top: @navbar-height;
  z-index: @z-index--page-extra-tabs;

  @media @desktop {
    top: @nav2-height--pinned;
  }
}

// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.page-extra-tabs {
  position: sticky;
  --navbar-height: @navbar-height;
  // 1px overlap with navbar to prevent possible gap in some cases.
  // Reference: https://bugs.chromium.org/p/chromium/issues/detail?id=1261852
  top: calc(var(--navbar-height) - 1px);
  z-index: @z-index--page-extra-tabs;

  @media @desktop {
    --navbar-height: @nav2-height--pinned;
  }
}

Fix gap on profile page nav header on Chrome
Fix gap on profile page nav header on Chrome
