From f08e0a4d355fc823a3e3f260786ae25b5b2f1236 Mon Sep 17 00:00:00 2001 From: Arthur Khachatryan Date: Thu, 10 Nov 2022 11:03:49 -0800 Subject: [PATCH] fix(snackbar-dialog): action link colors --- dist/snackbar-dialog/snackbar-dialog.css | 5 +++++ src/less/snackbar-dialog/snackbar-dialog.less | 7 +++++++ 2 files changed, 12 insertions(+) diff --git a/dist/snackbar-dialog/snackbar-dialog.css b/dist/snackbar-dialog/snackbar-dialog.css index c6460bb1c..ce5a25519 100644 --- a/dist/snackbar-dialog/snackbar-dialog.css +++ b/dist/snackbar-dialog/snackbar-dialog.css @@ -49,11 +49,16 @@ margin-top: 16px; } .snackbar-dialog__actions .fake-link { + color: var(--snackbar-dialog-foreground-color, var(--color-foreground-on-inverse)); text-decoration: none; } .snackbar-dialog__actions .fake-link::first-letter { text-decoration: underline; } +.snackbar-dialog__actions button.fake-link:hover:not(:disabled) { + color: var(--snackbar-dialog-foreground-color, var(--color-foreground-on-inverse)); + text-decoration: underline; +} @media (min-width: 601px) { .snackbar-dialog { bottom: 20px; diff --git a/src/less/snackbar-dialog/snackbar-dialog.less b/src/less/snackbar-dialog/snackbar-dialog.less index ba427f930..1b7194378 100644 --- a/src/less/snackbar-dialog/snackbar-dialog.less +++ b/src/less/snackbar-dialog/snackbar-dialog.less @@ -65,6 +65,7 @@ } .snackbar-dialog__actions .fake-link { + .color-token(snackbar-dialog-foreground-color, color-foreground-on-inverse); text-decoration: none; &::first-letter { @@ -72,6 +73,12 @@ } } +// this needs to be super specific to override base fake-link +.snackbar-dialog__actions button.fake-link:hover:not(:disabled) { + .color-token(snackbar-dialog-foreground-color, color-foreground-on-inverse); + text-decoration: underline; +} + @media (min-width: 601px) { .snackbar-dialog { bottom: 20px;