Paint link icon in white in high contrast mode; fixes 1515516

RyanCavanaugh · RyanCavanaugh · commit 760f5f6b4401 · 2022-04-14T13:16:57.000-07:00
diff --git a/packages/typescriptlang-org/src/templates/pages/css/documentation.scss b/packages/typescriptlang-org/src/templates/pages/css/documentation.scss
@@ -28,6 +28,7 @@
     &:hover {
       background-color: $ts-light-bg-grey;
     }
+
     &:active {
       background-color: $ts-light-bg-grey-highlight-color;
       margin-bottom: 19px;
@@ -36,6 +37,10 @@
 
   @media screen and (-ms-high-contrast: active) {
     border: 1px solid grey;
+
+    svg path {
+      fill: white;
+    }
   }
 
   &.headline {
@@ -99,6 +104,7 @@
 
   &.wide {
     justify-content: space-between;
+
     .item {
       min-width: 240px;
     }
@@ -154,4 +160,4 @@ div#like-dislike-subnav {
       }
     }
   }
-}
+}

Original file line number	Diff line number	Diff line change
`@@ -28,6 +28,7 @@`
`28`	`28`	`&:hover {`
`29`	`29`	`background-color: $ts-light-bg-grey;`
`30`	`30`	`}`
	`31`	`+`
`31`	`32`	`&:active {`
`32`	`33`	`background-color: $ts-light-bg-grey-highlight-color;`
`33`	`34`	`margin-bottom: 19px;`
`@@ -36,6 +37,10 @@`
`36`	`37`
`37`	`38`	`@media screen and (-ms-high-contrast: active) {`
`38`	`39`	`border: 1px solid grey;`
	`40`	`+`
	`41`	`+ svg path {`
	`42`	`+ fill: white;`
	`43`	`+ }`
`39`	`44`	`}`
`40`	`45`
`41`	`46`	`&.headline {`
`@@ -99,6 +104,7 @@`
`99`	`104`
`100`	`105`	`&.wide {`
`101`	`106`	`justify-content: space-between;`
	`107`	`+`
`102`	`108`	`.item {`
`103`	`109`	`min-width: 240px;`
`104`	`110`	`}`
`@@ -154,4 +160,4 @@ div#like-dislike-subnav {`
`154`	`160`	`}`
`155`	`161`	`}`
`156`	`162`	`}`
`157`		`-}`
	`163`	`+}`