diff --git a/src/css/partials/_navbar.scss b/src/css/partials/_navbar.scss index 750477535..382ab69d2 100644 --- a/src/css/partials/_navbar.scss +++ b/src/css/partials/_navbar.scss @@ -123,14 +123,28 @@ } } +// Fix dropdown arrow rendering issues in Chrome +// Override Infima's default positioning which can cause subpixel rendering problems +.dropdown > .navbar__link::after { + border-color: currentColor transparent; + border-style: solid; + border-width: 0.4em 0.4em 0; + content: ''; + display: inline-block; + margin-left: 0.3em; + position: relative; + top: 0; + transform: translateY(0); + vertical-align: middle; +} + // Keep "Build dApps" dropdown highlighted when on child pages // Target the dropdown link when any of its menu items are active .navbar__item.dropdown:has(.dropdown__menu .dropdown__link--active) > .navbar__link { color: var(--ifm-navbar-link-active-color); &::after { - border-bottom-color: var(--ifm-navbar-link-active-color); - border-right-color: var(--ifm-navbar-link-active-color); + border-top-color: var(--ifm-navbar-link-active-color); } }