From 8b972b625e3e90983752e8d450ae5b7e08b94051 Mon Sep 17 00:00:00 2001 From: -l Date: Thu, 14 Sep 2023 11:15:12 +0200 Subject: [PATCH] fix(Anchor:) fixes anchor modifier .dnb-anchor--no-hover --- ...ui-have-to-match-the-active-state.snap.png | Bin 3085 -> 3047 bytes ...-the-anchor-contrast-active-state.snap.png | Bin 3595 -> 3720 bytes ...h-the-anchor-contrast-hover-state.snap.png | Bin 3671 -> 3720 bytes .../__snapshots__/Anchor.test.tsx.snap | 28 ++++++++++-------- .../anchor/style/anchor-mixins.scss | 13 ++++---- .../style/themes/dnb-anchor-theme-ui.scss | 10 +++---- 6 files changed, 28 insertions(+), 23 deletions(-) diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-have-to-match-the-active-state.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-have-to-match-the-active-state.snap.png index 4b87b55b9c10923437dc63c373012e406da72340..07172b86b0bcaab8c65066de161a9eadaf37128d 100644 GIT binary patch literal 3047 zcmb`Jc{me*8^;}q#>zP%iX5AACq#}p<~CW*5fdgMDs!~CTJEzs=DyEpW1#~%wxsBA zZKAMT#Sm$Q{QCX*`~Ua6&-eX)pXYs^_xZ|2xEUnOj6$l&MuZtGBIi^Q}tGZ)K@KH=<&|Ag0^LgWtxr zh{zN>2&1&cKYW6%%)hPPiht%(HX@Ka%*FI!iKo%( zU=*JqgeXDkBtdUDKj`Dn=1!aBQjYDKE)ag?W2tpg)X^%7dM{T&Kx6N;4lTbw(mg`) zluGcNdlkV%L`+ij=!i1!!90khsgo3ArIfgoQ=vX|lcv$&2nk38xyx7R-uev~o#{CT z@;2dXaq5$>Q+9#c1t@K8^iziRw&>D#B~Ik#&V6EtgxD_vw!4tNiLJClcToDi` zbwOE^a%CaU8;AX9hJXY2 z+_z{(HvL~PEc3ww-SaY+IM#1CPsKRB88SHswO`mQFa$5dp&MJzj-t7#YcH{Mal5xV z*c;Su3~hxKRY0o=2h(pPZlN6Ta^m zNrNLX$bn6-b{U=1N@s2@=prgaY8{GuR0QjNS#pun^4JI6cfa(<^#?FPW{zlmg9+G( zroq!VaiOca@!`;8^o@=2yXvDR3(hBbhGUWWJfZG(lS4^Ll zqUsRyfSQjfQZG;{!pYHNnwk)cUi%j347Mx$r&lU7Uc6dR?2u!3a#AkeVRv6p?37I^ z?mJlirk;3aOL+!9qqa7B^ltsA_nY5*H>=;ZtlqYR%Nsb**grWVbBj_5I|U8yOHWkU z9ieI$8r^>bE3mzXf-Q$!yAEa9YV>8Hho_!}ONZ4YS$|^m<+xHfmL{Sz? zK3S);%4w}bHgxq#DWU87!SiRqf0{^r_?WN;%b1WwXCQOB(;QM{+Aj8dv(g<2N+COc z8F^K)WT$aZJ-WaQx>H2k-{Eh{o{!N9;V2~fz|7=@bDc=I^iKLp$EM|4dNR}&%GDzu z|GFh$;Eygw2jqmC&8$@Uau&$6c$o})$>3jb`};5E-e0d8=ySztiUtJO;#>0artSGx zx3zbo=(g85L3Z#O5%w-Jl_n$nq=0#Pp*f^SNY*jJNI=wvX-CCWI0D5bKkn$5uLTYAXtPWGd0%Pf$R>yC@vmm4Sb6B-mSD zTX`^Je)11afaIiEi{ zbK)*!ed=cHC&^?@g*Eb5W<2$@=sU>WARUaXB4%HZX^2kS#%%apz#sp72N$eQz2{=R zMTuX4Q13bajTcvwJ$p`SqI9^w=;LcR7p-6RfJgfr5HMj#|IkCIE327?y=3P!Y+NB5 zSN=Z1WujhNnq>LNUu5X=vYM>1_JDYeUe_WIH8tDGHF_5XJPU5jcxJtRCm z^i9b0!^aV^wejPJ+cC|ec2Z#1xiIpY5%-HDo?6vwDKF9`^dp*0$ZSh>=Tbf@1a&H@ zM3e~B4qBE;?Jc0(0AL4rwc?~}OQP-$$|@(@&A#A1WQ{qED*%QK<&u3Y;DF}@dyM3S z&b`1H)$*+cV>CC9_@}OSYBi+@hFyl?WJxhox!&(&+*;4olV`5S`=Uu&@(GulQ}Yzqn*YZzZDf7 z9bZvs%Ixs$N`?zJ{wBK#!Kjj1J<|ab#!qUWO={fx>X&LJyda%o7oDqHUR?=^nN$V@ls{FZc`WUVD~c zaaGwzEXD6?O1T#Bc(oSa5c2&;gT)dA325W`NaJBc9)i0ri1HRAJ)siZW z))U+7R1peGZ$~n(g!^Z6a4i_L-B$W_iF)qd<_-3pi3nA-@EF`-Ut>{fkv8znG)hcQ zVgEC>$>usAFK(P9qZq+9#{QthC#0FaX&inXR_t&XgZS&;w9Dv{2t$|yM;gs!YLK|m z&u1Jl;6PtfiFkc?xSQ)0>fz#qG}cPsMvy@I zfJ^4nD9$NhW8Q6%4( zEkw_JQPM$Ix{8}(SWpr@;*8QP+Z#@VE$H2ApizP{S_xG*Ixv!k6!$e1qpu>lP$i?# zdGo1Tst~Q<=JcVX*WJ~E%lDKeom88{CuOE312oq5HKS-6b7f=8el{zrkGExVSMY_c zR}9*T+?`l5Ve}3vOQ>5n9Kx~mu>K>W27_8xe4zl0}c#a;n$G%gWEBvj? zZ1TDv8rQNiTKByAZ>TflGah$0B-rAY*0tAr#6NKbj6n9cpO%Up&x_e+glE`QyqhBh z6TPjhNMxZu&e}%7oMK(V8$4__d|Z1ekFPo*eA1e_$MlO9F6wZeEpE-T=>RJifLMC} zrL?L~GrNDfb0$j|bDMo9gnIWZV-B95=y_ReKD2C8-3AHbJT3v!gSzjt29~4`Sf-5N zHw*&BxUvxX8bAD$(Eblq!#ge(5#_<@w5!7^hy<8z|2?~N7)PurggyNJ`X9h^See_KwL-lU F{sUFl%hLb= literal 3085 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 diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-have-to-match-the-anchor-contrast-hover-state.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-have-to-match-the-anchor-contrast-hover-state.snap.png index 3c4eb2a848abae1fa56c78f2fa2d8692126ad707..667450d60784af9da2c2f8bd4f10b937a8f8221f 100644 GIT binary patch literal 3720 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 diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__snapshots__/Anchor.test.tsx.snap b/packages/dnb-eufemia/src/components/anchor/__tests__/__snapshots__/Anchor.test.tsx.snap index 94e81de3030..a9cf9139d22 100644 --- a/packages/dnb-eufemia/src/components/anchor/__tests__/__snapshots__/Anchor.test.tsx.snap +++ b/packages/dnb-eufemia/src/components/anchor/__tests__/__snapshots__/Anchor.test.tsx.snap @@ -263,6 +263,9 @@ sup .dnb-anchor, sub .dnb-anchor { .dnb-p .dnb-anchor, .dnb-lead .dnb-anchor, .dnb-h--xx-large .dnb-anchor, .dnb-h--x-large .dnb-anchor, .dnb-h--large .dnb-anchor, .dnb-h--medium .dnb-anchor, .dnb-h--basis .dnb-anchor, .dnb-h--small .dnb-anchor, .dnb-h--x-small .dnb-anchor { font-size: inherit; } +[data-visual-test-wrapper] .dnb-anchor { + transition: none; +} .dnb-anchor:focus-visible { background-color: transparent; transition: none; @@ -276,16 +279,20 @@ sup .dnb-anchor, sub .dnb-anchor { .dnb-anchor:focus-visible, .dnb-section .dnb-anchor:focus-visible.dnb-anchor { text-decoration: none; } -.dnb-anchor:hover { +.dnb-anchor:active { + border-radius: 0.25em; border-radius: 0.25em; } -.dnb-anchor:hover, .dnb-section .dnb-anchor:hover.dnb-anchor { +.dnb-anchor:active, .dnb-section .dnb-anchor:active.dnb-anchor { text-decoration: none; } -.dnb-anchor:active { +.dnb-anchor:active, .dnb-section .dnb-anchor:active.dnb-anchor { + text-decoration: none; +} +.dnb-anchor:hover:not(.dnb-anchor--no-hover):not(.dnb-anchor--no-style) { border-radius: 0.25em; } -.dnb-anchor:active, .dnb-section .dnb-anchor:active.dnb-anchor { +.dnb-anchor:hover:not(.dnb-anchor--no-hover):not(.dnb-anchor--no-style), .dnb-section .dnb-anchor:hover:not(.dnb-anchor--no-hover):not(.dnb-anchor--no-style).dnb-anchor { text-decoration: none; } .dnb-anchor[target=_blank]:not(:empty, .dnb-anchor--no-icon) { @@ -313,9 +320,6 @@ sup .dnb-anchor, sub .dnb-anchor { .dnb-anchor[target=_blank]:not(:empty, .dnb-anchor--no-icon)::after { top: 0.125em; } -[data-visual-test-wrapper] .dnb-anchor { - transition: none; -} .dnb-anchor .dnb-icon { display: inline-block; transform: translateY(-0.0625em); @@ -357,7 +361,6 @@ sup .dnb-anchor, sub .dnb-anchor { text-decoration: none; } .dnb-anchor--no-style:hover { - color: inherit; background-color: transparent; } @@ -366,7 +369,6 @@ sup .dnb-anchor, sub .dnb-anchor { } .dnb-anchor--no-hover:hover { - color: inherit; background-color: transparent; } @@ -567,10 +569,6 @@ exports[`Anchor scss has to match theme css for ui 1`] = ` .dnb-anchor { color: var(--color-sea-green); } -.dnb-anchor:hover { - color: var(--color-sea-green); - box-shadow: inset 100vw 100vw 0 0 var(--color-mint-green-50), -0.125em 0 0 0 var(--color-mint-green-50), 0.125em 0 0 0 var(--color-mint-green-50); -} .dnb-anchor:active { color: var(--color-mint-green); box-shadow: inset 100vw 100vw 0 0 var(--color-emerald-green), -0.125em 0 0 0 var(--color-emerald-green), 0.125em 0 0 0 var(--color-emerald-green); @@ -578,6 +576,10 @@ exports[`Anchor scss has to match theme css for ui 1`] = ` .dnb-anchor:focus-visible { color: var(--color-sea-green); } +.dnb-anchor:hover:not(.dnb-anchor--no-hover):not(.dnb-anchor--no-style) { + color: var(--color-sea-green); + box-shadow: inset 100vw 100vw 0 0 var(--color-mint-green-50), -0.125em 0 0 0 var(--color-mint-green-50), 0.125em 0 0 0 var(--color-mint-green-50); +} .dnb-anchor--hover { color: var(--color-sea-green); diff --git a/packages/dnb-eufemia/src/components/anchor/style/anchor-mixins.scss b/packages/dnb-eufemia/src/components/anchor/style/anchor-mixins.scss index 31e8a25d0fb..b98f40c55ef 100644 --- a/packages/dnb-eufemia/src/components/anchor/style/anchor-mixins.scss +++ b/packages/dnb-eufemia/src/components/anchor/style/anchor-mixins.scss @@ -59,8 +59,6 @@ @mixin resetAnchorHoverStyle() { &:hover { - color: inherit; - // in case we don't want to change the color to the body color background-color: transparent; } @@ -183,17 +181,22 @@ @mixin anchorStyle() { @include anchorDefaultStyle(); + [data-visual-test-wrapper] & { + transition: none; + } + // have focus before :active, because of border-radius &:focus-visible { @include anchorFocusStyle(); } - &:hover { + &:active { @include anchorHoverStyle(); + @include anchorActiveStyle(); } - &:active { - @include anchorActiveStyle(); + &:hover:not(.dnb-anchor--no-hover):not(.dnb-anchor--no-style) { + @include anchorHoverStyle(); } &[target='_blank']:not(:empty, .dnb-anchor--no-icon) { diff --git a/packages/dnb-eufemia/src/components/anchor/style/themes/dnb-anchor-theme-ui.scss b/packages/dnb-eufemia/src/components/anchor/style/themes/dnb-anchor-theme-ui.scss index ea01287d42c..62582a2ebe2 100644 --- a/packages/dnb-eufemia/src/components/anchor/style/themes/dnb-anchor-theme-ui.scss +++ b/packages/dnb-eufemia/src/components/anchor/style/themes/dnb-anchor-theme-ui.scss @@ -3,11 +3,6 @@ @mixin anchorStyle() { color: var(--color-sea-green); - &:hover { - color: var(--color-sea-green); - @include anchor-mixins.anchorBackground(var(--color-mint-green-50)); - } - &:active { color: var(--color-mint-green); @include anchor-mixins.anchorBackground(var(--color-emerald-green)); @@ -16,6 +11,11 @@ &:focus-visible { color: var(--color-sea-green); } + + &:hover:not(.dnb-anchor--no-hover):not(.dnb-anchor--no-style) { + color: var(--color-sea-green); + @include anchor-mixins.anchorBackground(var(--color-mint-green-50)); + } } $useClasses: true !default;