Merge pull request #1192 from dpc-sdp/feature/R20-1987-visited-link-s…

…tyling [R20-1987] Removed visited styling from all links, reapply only to search results
dpc-sdp · May 29, 2024 · 8d8a6b4 · 8d8a6b4
2 parents a394e8d + c6effcf
commit 8d8a6b4
Show file tree

Hide file tree

Showing 6 changed files with 3 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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);
 }