Remove text shadow for collection action buttons (#8114)

PunitGr · willdurand · commit aa7c2de69766 · 2019-06-04T17:33:04.000+02:00
diff --git a/src/ui/components/Button/styles.scss b/src/ui/components/Button/styles.scss
@@ -78,11 +78,11 @@ $default-font-size: 13px;
         padding-top: 1px;
       }
 
-      // Small text is difficult to read against the bright Photon colors.
-      // This isn't (yet) part of the spec but @tofumatt added it because
-      // he thinks it improves accessibility.
-      // See: https://github.com/FirefoxUX/photon/issues/264
-      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
+      // Small text is difficult to read against the bright Photon colors since
+      // it is blurry. This isn't (yet) part of the spec but added this because
+      // it improves accessibility. See:
+      // https://github.com/FirefoxUX/photon/issues/264#issuecomment-364927535
+      letter-spacing: 0.01rem;
     }
   }
 

Original file line number	Diff line number	Diff line change
`@@ -78,11 +78,11 @@ $default-font-size: 13px;`
`78`	`78`	`padding-top: 1px;`
`79`	`79`	`}`
`80`	`80`
`81`		`- // Small text is difficult to read against the bright Photon colors.`
`82`		`- // This isn't (yet) part of the spec but @tofumatt added it because`
`83`		`- // he thinks it improves accessibility.`
`84`		`- // See: https://github.com/FirefoxUX/photon/issues/264`
`85`		`- text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);`
	`81`	`+ // Small text is difficult to read against the bright Photon colors since`
	`82`	`+ // it is blurry. This isn't (yet) part of the spec but added this because`
	`83`	`+ // it improves accessibility. See:`
	`84`	`+ // https://github.com/FirefoxUX/photon/issues/264#issuecomment-364927535`
	`85`	`+ letter-spacing: 0.01rem;`
`86`	`86`	`}`
`87`	`87`	`}`
`88`	`88`