From 5e88e5f122d65c061b9b4bb749d2c6c983de4d63 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ga=C3=ABl=20Blanchemain?= Date: Fri, 10 Oct 2025 17:39:14 -0700 Subject: [PATCH] fix UI: Adjust navbar dropdown arrow rendering across browsers --- src/css/partials/_navbar.scss | 18 ++++++++++++++++-- 1 file changed, 16 insertions(+), 2 deletions(-) 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); } }