From eb29b74e8cb3f6b6d10f7fac370723db4088c62e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marius=20B=C4=82LTEANU?= Date: Wed, 19 Aug 2026 00:22:04 +0300 Subject: [PATCH 1/2] Improve top menu hover (#44341). --- app/assets/stylesheets/application.css | 13 +++++-------- 1 file changed, 5 insertions(+), 8 deletions(-) diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index d0cae1c76..653ac1d97 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -80,7 +80,7 @@ nav.top-menu { background: #234761; /* no match in Open Color, using hex code */ color: var(--oc-gray-2); font-size: 0.75rem; - padding-inline: 20px; + padding-inline: 14px; display: flex; justify-content: space-between; align-items: center; @@ -91,17 +91,18 @@ nav.top-menu { padding: 0; display: flex; list-style-type: none; - gap: 12px; } -.top-menu__links a, .top-menu__links a:link, .top-menu__links a:visited { +.top-menu__links a, .top-menu__links a:link, .top-menu__links a:visited, #account .dropdown-trigger { color: var(--oc-gray-1); text-decoration: none; transition: background-color 0.18s ease, color 0.18s ease; transform-origin: center; + padding-block: 3px; + padding-inline: 6px; } -.top-menu__links a:hover { +.top-menu__links a:hover, #account .dropdown-trigger:hover { color: var(--oc-white); background-color: rgba(255, 255, 255, 0.12); text-decoration: none; @@ -116,10 +117,6 @@ nav.top-menu { stroke: var(--oc-white); } -#account.top-menu__links { - padding-block: 3px; -} - #account .dropdown-content .user-info { padding-block: 6px; padding-inline: 16px; -- 2.50.1 (Apple Git-155)