theme: improve display of links #577

McShelby · Jun 23, 2023 · 63928e5 · 63928e5
1 parent 61ccf4e
commit 63928e5
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 57 deletions.
diff --git a/static/css/ie.css b/static/css/ie.css
@@ -218,15 +218,13 @@
 	a,
 	.anchor,
 	#toc-menu,
-	#body a.highlight:after,
 	#searchresults .autocomplete-suggestion {
 		color: rgba( 72, 106, 201, 1 ); /* var(--MAIN-LINK-color) */
 	}
 
 	a:hover,
 	.anchor:hover,
-	#toc-menu:hover,
-	#body a.highlight:hover:after {
+	#toc-menu:hover {
 		color: rgba( 32, 40, 145, 1 ); /* var(--MAIN-LINK-HOVER-color) */
 	}
 
@@ -551,14 +549,6 @@
 		color: rgba( 128, 128, 128, 1 ) /* var(--MENU-HOME-LINK-HOVER-color) */;
 	}
 
-	#body a.highlight:after {
-		background-color: rgba( 72, 106, 201, 1 ); /* var(--MAIN-LINK-color) */
-	}
-
-	#body a.highlight:hover:after {
-		background-color: rgba( 32, 40, 145, 1 ); /* var(--MAIN-LINK-HOVER-color) */
-	}
-
 	.progress {
 		background-color: rgba( 255, 255, 255, 1 ); /* var(--MAIN-BG-color) */
 	}

diff --git a/static/css/nucleus.css b/static/css/nucleus.css
@@ -55,9 +55,11 @@ a {
   background: transparent;
   text-decoration: none; }
 
-a:active,
-a:hover {
-  outline: 0; }
+a:hover,
+a:focus,
+a:active {
+  outline: 0;
+  text-decoration: underline; }
 
 abbr[title] {
   border-bottom: 1px dotted; }

diff --git a/static/css/theme.css b/static/css/theme.css
@@ -1298,38 +1298,6 @@ html[dir="rtl"] .expand > .expand-label > i.fa-chevron-right {
     display: block;
 }
 
-#body a.highlight,
-#body a.highlight:hover,
-#body a.highlight:focus {
-    outline-style: none;
-    text-decoration: none;
-}
-
-#body a.highlight {
-    display: inline-block;
-    line-height: 1.1;
-}
-
-#body a.highlight:after {
-    content: "";
-    display: block;
-    height: 1px;
-    width: 0%;
-    transition: width 0.5s ease;
-}
-
-#body a.highlight:hover:after,
-#body a.highlight:focus:after {
-    width: 100%;
-}
-
-#body #topbar .navigation a.highlight:after,
-#body #sidebar-toggle-span a.highlight:after,
-#body #top-print-link a.highlight:after,
-#body #top-github-link a.highlight:after {
-    background-color: transparent;
-}
-
 /* Table of contents */
 
 .toc-flyout #toc-overlay{

diff --git a/static/css/variant.css b/static/css/variant.css
@@ -14,15 +14,13 @@ body {
 a,
 .anchor,
 #toc-menu,
-#body a.highlight:after,
 #searchresults .autocomplete-suggestion {
     color: var(--INTERNAL-MAIN-LINK-color);
 }
 
 a:hover,
 .anchor:hover,
-#toc-menu:hover,
-#body a.highlight:hover:after {
+#toc-menu:hover {
     color: var(--INTERNAL-MAIN-LINK-HOVER-color);
 }
 
@@ -312,14 +310,6 @@ pre .copy-to-clipboard-button:hover {
     color: var(--INTERNAL-MENU-HOME-LINK-HOVER-color);
 }
 
-#body a.highlight:after {
-    background-color: var(--INTERNAL-MAIN-LINK-color);
-}
-
-#body a.highlight:hover:after {
-    background-color: var(--INTERNAL-MAIN-LINK-HOVER-color);
-}
-
 .progress {
     background-color: var(--INTERNAL-MAIN-BG-color);
 }