exclude menu and TOC items from the visited link styles for better UX (#4761)

Ahmed-Hakeem · web-flow · commit 2e65479da9d7 · 2024-12-16T15:39:20.000-05:00
* exclude menu and TOC items from the visited link styles for better UX

for better UX, menu and TOC items style should indicate only one thing, which is the current read item

* exclude nav items from the visited link styles for better UX
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
@@ -137,7 +137,7 @@ a.contents__link.contents__link--active {
   font-weight: 600;
 }
 
-a:visited {
+a:visited:not(.menu__link, .table-of-contents__link, .navbar__link:not([target="_blank"])) {
   color: var(--ifm-color-primary);
 }
 

Original file line number	Diff line number	Diff line change
`@@ -137,7 +137,7 @@ a.contents__link.contents__link--active {`
`137`	`137`	`font-weight: 600;`
`138`	`138`	`}`
`139`	`139`
`140`		`-a:visited {`
	`140`	`+a:visited:not(.menu__link, .table-of-contents__link, .navbar__link:not([target="_blank"])) {`
`141`	`141`	`color: var(--ifm-color-primary);`
`142`	`142`	`}`
`143`	`143`