Fix unreadable secondary text in dropdown-item on hover/focus (#1488)

cheshire137 · jonrohan · web-flow · commit c345bd3819cf · 2021-07-02T13:52:40.000-07:00
* Fix unreadable secondary text in dropdown hover

* More widely applicable readability fix

Co-authored-by: Jon Rohan &lt;rohan@github.com&gt;

* Fix whitespace

* Create moody-apes-study.md

Co-authored-by: Jon Rohan &lt;rohan@github.com&gt;
diff --git a/.changeset/moody-apes-study.md b/.changeset/moody-apes-study.md
@@ -0,0 +1,5 @@
+---
+"@primer/css": patch
+---
+
+Fix unreadable text when utility is used in dropdown item.
diff --git a/src/dropdown/dropdown.scss b/src/dropdown/dropdown.scss
@@ -94,6 +94,10 @@
       color: inherit;
       opacity: 1;
     }
+
+    [class*="color-text-"] {
+      color: inherit !important;
+    }
   }
 
   &.btn-link {

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@primer/css": patch
 +---
++
 +Fix unreadable text when utility is used in dropdown item.
Original file line number	Diff line number	Diff line change
`@@ -94,6 +94,10 @@`
`94`	`94`	`color: inherit;`
`95`	`95`	`opacity: 1;`
`96`	`96`	`}`
	`97`	`+`
	`98`	`+ [class*="color-text-"] {`
	`99`	`+ color: inherit !important;`
	`100`	`+ }`
`97`	`101`	`}`
`98`	`102`
`99`	`103`	`&.btn-link {`