From c58d168e3a0ab9393eb0b90bdf2a8773ffef1ea4 Mon Sep 17 00:00:00 2001 From: Ronggur Mangaraja Habibun Date: Tue, 23 Jun 2026 11:42:52 +0700 Subject: [PATCH] fix(nav): add hover-follow pill and keep active item semibold Move the main nav active pill with cursor hover via :has() selectors. Hover previews use normal weight while route-active items stay semibold. Align dark hero nav, remove stale hero underline rules, and promote Locations in the Product dropdown card. --- public/images/nav/world-map.png | Bin 0 -> 15234 bytes src/data/navigation.json | 9 ++++----- src/v1/styles/components-dark.css | 17 ++++++++++++++++- src/v1/styles/components-hero.css | 8 -------- src/v1/styles/components-nav.css | 16 ++++++++++++++-- 5 files changed, 34 insertions(+), 16 deletions(-) create mode 100644 public/images/nav/world-map.png diff --git a/public/images/nav/world-map.png b/public/images/nav/world-map.png new file mode 100644 index 0000000000000000000000000000000000000000..4e77f01eaa2f57a3557af91cb1f6cc9594f268d0 GIT binary patch literal 15234 zcmcIrRaYE56W)czZE<&ZcUatAiWk=+g>H+xdvTY=p~a;@ad)ShuhaEcz z>|qLFDs(d%3qZd=?^tnd|M~Oxk0<_*e20}EPW9G(&V+V0=(-X`nhC zG1hEtC{*Y>;Z_EXA2|P~Wz1Lk!w;iR%*tJx@9L;-H%Bw1FYBcDpHC~XB$jhyH>M3K z+Xdr||6U&1+wr{Y-dR8Jy1lI56?d&=qN@*{2TbRFH9P8zA>{NQ@_+uSaot&y|Fb0R zwBY8~Q*+Z|c)+YNX-7o^YpoeRtRaJ2_qGu53flnD~L(^^WWbwOu`B&en_mK6= zi~gAyh0jNo7^^C~GpxqRfAnt`5QpO9hc@RvQZ~Vj_|swAHoIBp|800pzg>8$Ij_7u z7b$ewT+FO&Cl`6@p!vYQDB^F}GT)kecC7wXgSP#4fA+Lx(&9xKwfSD((K&luiIG>N zTOg(pR{x?-HB-@YH}yBJ$MWTEd2;1Q>gZ2q>|5TK{`08;aaPfI+I2C%>U%R><)_ax zXLM%)`2uN!DxB_dUw$phYd|?!kG015br^<$hRO`_u6L9t5?z)0s2;yR>4YsAJp#+; z)(svV?wbaSJih)C;WRL%e4C$LxcF1`=TCaMU{zP$7yXtH3DiF=VMCNcZ(@q2@op_O zWD#z10h=G=g;P$}UvJ;;9Ys?foz;Jxee{d6^67ZL)^rn@ta`gAuP90LN=0AuK;24K zw6DQB#|nM?YUF)O6+=|k&KQ8DON3M?CPNJd?-Z;f&Sb^@Uiqw{w?UJJN}pl!!xR<+ zdB2EvJ$+GgkimYhY!mPlI@KH$x+k2O)b?=pJWttMA|emdts2?N4T`3W&iK37nl^KI zD6*Ss{Nq`F%p}F3W^rXZ&n+J(F~zlS^6R4hWa=%Cx*;m?tQsqzq+#a$GE$!d=V%>~ zrWA$V8&oKy9d4WZUoxwH9$HDOL`qS50A;||d`xUpgRrlakJu6D*v(YzfNa0uzk-au z1^IVO`5?GS@VVok+n@X9^i|vzs1}g(NW3i;e3#X06i&ip?NNf>-;r#Jgf;DhO}K(? zGgk~C8RRSRCsb=sEJ97PKWOtXPfewKLy5OH1l0ap9W$rmYKW-uD<#^V7eEX6S~$`C ztJhDq2g>P_ylr?%+JEYTuECZs4An7NH6gnXFvziGn|Lg*(`DC>RVAu*0bT5*gIhFQ zx35SnFvi~LgN>{I76VZKYlTh<;`4_-n9}v_Je{z1ZdYSap#6TadWwFAXw=>c)3PGM z@5y~Wop(0OHx~E?zo^iKx0qKVwB9shwXF=9{1^j$Us@p}i}BWwSG^&Aed1 zr)j$(#A)Sgouf58%Tr>=`AJg}$9ypAOk>q%;QRLM`)<qk!QHBctY_RsV^igl!ze zLKH%1@u>0zZ0QCsCQL+%5kSyMY!u)lECre{;it0u_IEm#=6J4Y;1;(=Qd76&$G)T- zj6&~;m}B9s+--=C2QPF0hC6&mxdWShRk4Zge8cySjN7@F2qVB=e9>XrYjdYoqFU*@ zyl(UkV$1)YQAufkZCuZ2lB@EZV@FG`t4Vrb!@|aLRR*N!LIdA;=EuB;qpY{Br5gpp zC736VD{I(nR6+Qo?pY<|_5?AtAtjd&1D3*dgxgp&d+V!bM}t?(4V?J2QP%{55jFTw z3mWFRFE4R6U&&G3t;o(ooKmWxdSn75j{VZeGX?@JiJ3!@B4}~iV_}~~ovo?&h*Ok?^f2g@upaa0S6cBT`cS6l6W@T&4w^(%+f7%iEN6v~m@akeb^-X6ROs@IK!Ri*%FU;~Qv$dV` zzPjR{@2z+`4t+D5k>Ew~m?oBcDgD1+8IuV=c~C?b`&~zr_c(bEMO`&C)gk3E?(QnG zLx+7>Q^HtzN_?!yWos$;u8fGgP1pI$bZQhR49*>J0GhO+r@SU&F-;bRU8BLIj%(MB z%V`7CEq7)M$qP8;FCuzXpX7VKsC*|I+|M2pV z?21a$2EXci^ú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 ITG~ALf4_zFod5s; literal 0 HcmV?d00001 diff --git a/src/data/navigation.json b/src/data/navigation.json index cf2abdf6..34b8a1ff 100644 --- a/src/data/navigation.json +++ b/src/data/navigation.json @@ -20,10 +20,10 @@ "href": "/essentials" }, { - "text": "Pricing", - "image": "/images/nav/pricing.png", - "desc": "Pssssssst... It's free", - "href": "/pricing" + "text": "Locations", + "image": "/images/nav/world-map.png", + "desc": "Deploy at the global edge", + "href": "/locations" } ] } @@ -37,7 +37,6 @@ { "title": "Get started:", "items": [ - { "text": "Locations", "href": "/locations" }, { "text": "Blog", "href": "/blog" }, { "text": "Videos", diff --git a/src/v1/styles/components-dark.css b/src/v1/styles/components-dark.css index e992215b..a860722e 100644 --- a/src/v1/styles/components-dark.css +++ b/src/v1/styles/components-dark.css @@ -30,7 +30,22 @@ .nav--main { .nav-menu-link { - @apply text-glacier-mist-700 opacity-100 hover:opacity-80; + @apply text-glacier-mist-700 opacity-100; + + &.link--active { + @apply font-semibold; + } + } + + .nav-menu-item:hover > .nav-menu-link:not(.link--active), + .nav-dropdown:focus-within > .nav-menu-link:not(.link--active) { + @apply text-canyon-clay---links bg-white font-normal opacity-100; + } + + .nav-menu:not(:has(.nav-menu-item:hover)) .nav-menu-link.link--active, + .nav-menu-item:hover > .nav-menu-link.link--active, + .nav-dropdown:focus-within > .nav-menu-link.link--active { + @apply text-canyon-clay---links bg-white font-semibold opacity-100; } } } diff --git a/src/v1/styles/components-hero.css b/src/v1/styles/components-hero.css index 9a905e97..a7856ac7 100644 --- a/src/v1/styles/components-hero.css +++ b/src/v1/styles/components-hero.css @@ -26,10 +26,6 @@ } } } - - .link--active { - @apply [&>span]:border-white/70; - } } } &.light { @@ -52,10 +48,6 @@ } } } - - .link--active { - @apply [&>span]:border-midnight-fjord/70; - } } .nav-logo { diff --git a/src/v1/styles/components-nav.css b/src/v1/styles/components-nav.css index 247dacd1..816543d4 100644 --- a/src/v1/styles/components-nav.css +++ b/src/v1/styles/components-nav.css @@ -57,12 +57,24 @@ } .nav-menu-link { - @apply flex items-center gap-2 px-3 py-1.5 font-normal opacity-60 hover:opacity-80; + @apply flex items-center gap-2 px-3 py-1.5 font-normal opacity-60 transition-colors duration-150; &.link--active { - @apply text-canyon-clay---links rounded-md bg-white font-semibold opacity-100 hover:opacity-80; + @apply font-semibold; } } + + /* Pill: hover preview (normal weight) vs route-active pill (semibold) */ + .nav-menu-item:hover > .nav-menu-link:not(.link--active), + .nav-dropdown:focus-within > .nav-menu-link:not(.link--active) { + @apply text-canyon-clay---links rounded-md bg-white font-normal opacity-100; + } + + .nav-menu:not(:has(.nav-menu-item:hover)) .nav-menu-link.link--active, + .nav-menu-item:hover > .nav-menu-link.link--active, + .nav-dropdown:focus-within > .nav-menu-link.link--active { + @apply text-canyon-clay---links rounded-md bg-white font-semibold opacity-100; + } } /* Dropdown Styles */