From c6effcf0d7f698c22e2ea01c267ebc22c6f74528 Mon Sep 17 00:00:00 2001 From: Jeffrey Dowdle Date: Wed, 29 May 2024 13:53:02 +1000 Subject: [PATCH] feat(@dpc-sdp/ripple-ui-core): removed visited styling from all links, reapply to search results as requested --- packages/ripple-ui-core/src/components/alert/RplAlert.css | 1 - packages/ripple-ui-core/src/components/footer/RplFooter.css | 1 - .../ripple-ui-core/src/components/header/RplHeaderLinks.css | 1 - .../src/components/result-listing/RplSearchResult.css | 2 ++ .../ripple-ui-core/src/components/text-link/RplTextLink.css | 2 +- .../src/components/RplFormAlert/RplFormAlert.css | 1 - 6 files changed, 3 insertions(+), 5 deletions(-) diff --git a/packages/ripple-ui-core/src/components/alert/RplAlert.css b/packages/ripple-ui-core/src/components/alert/RplAlert.css index 262b01cd0a..4b88355675 100644 --- a/packages/ripple-ui-core/src/components/alert/RplAlert.css +++ b/packages/ripple-ui-core/src/components/alert/RplAlert.css @@ -28,7 +28,6 @@ &__link { --local-clr-link: var(--rpl-clr-type-light); - --local-clr-link-visited: var(--rpl-clr-type-light); display: inline-block; color: var(--rpl-clr-type-light); diff --git a/packages/ripple-ui-core/src/components/footer/RplFooter.css b/packages/ripple-ui-core/src/components/footer/RplFooter.css index fd1c6f5073..3d57acda22 100644 --- a/packages/ripple-ui-core/src/components/footer/RplFooter.css +++ b/packages/ripple-ui-core/src/components/footer/RplFooter.css @@ -16,7 +16,6 @@ border-top: var(--rpl-border-2) solid var(--rpl-clr-type-footer-accessible); --local-clr-link: var(--rpl-clr-type-footer-contrast); - --local-clr-link-visited: var(--rpl-clr-type-footer-contrast); --local-clr-link-active: var(--rpl-clr-type-footer-contrast); --local-icon-vertical-spacing: 2px; /* Magic margin for visual symmetry */ } diff --git a/packages/ripple-ui-core/src/components/header/RplHeaderLinks.css b/packages/ripple-ui-core/src/components/header/RplHeaderLinks.css index 0ecefa4e9f..b0e08c263b 100644 --- a/packages/ripple-ui-core/src/components/header/RplHeaderLinks.css +++ b/packages/ripple-ui-core/src/components/header/RplHeaderLinks.css @@ -3,7 +3,6 @@ .rpl-header-links--link { a { --local-clr-link: var(--rpl-clr-type-default); - --local-clr-link-visited: var(--local-clr-link); color: var(--local-clr-link, var(--rpl-clr-link)); white-space: nowrap; diff --git a/packages/ripple-ui-core/src/components/result-listing/RplSearchResult.css b/packages/ripple-ui-core/src/components/result-listing/RplSearchResult.css index 64a4b876c3..7ddc8f1d05 100644 --- a/packages/ripple-ui-core/src/components/result-listing/RplSearchResult.css +++ b/packages/ripple-ui-core/src/components/result-listing/RplSearchResult.css @@ -1,6 +1,8 @@ @import '@dpc-sdp/ripple-ui-core/style/breakpoints'; .rpl-search-result { + --local-clr-link-visited: var(--rpl-clr-link-visited); + padding-top: var(--rpl-sp-5); padding-bottom: var(--rpl-sp-5); diff --git a/packages/ripple-ui-core/src/components/text-link/RplTextLink.css b/packages/ripple-ui-core/src/components/text-link/RplTextLink.css index cd5950ec8b..17fabb7159 100644 --- a/packages/ripple-ui-core/src/components/text-link/RplTextLink.css +++ b/packages/ripple-ui-core/src/components/text-link/RplTextLink.css @@ -14,7 +14,7 @@ } &:visited { - color: var(--local-clr-link-visited, var(--rpl-clr-link-visited)); + color: var(--local-clr-link-visited, currentcolor); } &:active { diff --git a/packages/ripple-ui-forms/src/components/RplFormAlert/RplFormAlert.css b/packages/ripple-ui-forms/src/components/RplFormAlert/RplFormAlert.css index 82a2f51e50..54cc016ec1 100644 --- a/packages/ripple-ui-forms/src/components/RplFormAlert/RplFormAlert.css +++ b/packages/ripple-ui-forms/src/components/RplFormAlert/RplFormAlert.css @@ -31,7 +31,6 @@ .rpl-form-alert__description, .rpl-form-alert__fields { --local-clr-link: var(--rpl-clr-type-default); - --local-clr-link-visited: var(--rpl-clr-type-default); --local-clr-link-active: var(--rpl-clr-type-default); margin-top: var(--rpl-sp-4); }