fix(button): removed dotted outline in firefox (#390)

* fix(button): removed dotted outline in firefox * addressed comments following suggestions * refine changelog entry
microsoft · Oct 30, 2018 · 2e2d97f · 2e2d97f
1 parent 2e8964f
commit 2e2d97f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -27,6 +27,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 - Do not render the Attachment's `progress` value to the DOM @levithomason ([#402](https://github.com/stardust-ui/react/pull/402))
 - Add Segment background color @levithomason ([#408](https://github.com/stardust-ui/react/pull/408))
 - Make `eventStack` subscription logic to be always async @kuzhelov ([#391](https://github.com/stardust-ui/react/pull/391))
+- Fix for dotted focus outline in Firefox for `Button` component in docs @Bugaa92 ([#390](https://github.com/stardust-ui/react/pull/390))
 
 ### Features
 - Export `mergeThemes` @levithomason ([#285](https://github.com/stardust-ui/react/pull/285))

diff --git a/docs/src/Style.ts b/docs/src/Style.ts
@@ -37,4 +37,11 @@ export const semanticCssOverrides = `
     color: rgba(255,255,255,.7)!important;
     cursor: not-allowed!important;
   }
+
+  button:-moz-focusring,
+  [type="button"]:-moz-focusring,
+  [type="reset"]:-moz-focusring,
+  [type="submit"]:-moz-focusring {
+    outline: 0;
+  }
 `