Merge pull request #277 from jackHedaya/master

fixed issue where chrome renders text indentation over the rest of the page
negomi · Oct 11, 2018 · 03d7429 · 03d7429
2 parents 86c4cef + 0cbcb55
commit 03d7429
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/dist/react-burger-menu.js b/dist/react-burger-menu.js
@@ -1286,7 +1286,7 @@ var CrossIcon = function (_Component) {
                             margin: 0,
                             padding: 0,
                             border: 'none',
-                            textIndent: -99999,
+                            fontSize: 0,
                             background: 'transparent',
                             color: 'transparent',
                             outline: 'none',

diff --git a/dist/react-burger-menu.min.js b/dist/react-burger-menu.min.js
diff --git a/lib/CrossIcon.js b/lib/CrossIcon.js
@@ -65,7 +65,7 @@ var CrossIcon = (function (_Component) {
         margin: 0,
         padding: 0,
         border: 'none',
-        textIndent: -99999,
+        fontSize: 0,
         background: 'transparent',
         color: 'transparent',
         outline: 'none',

diff --git a/src/CrossIcon.js b/src/CrossIcon.js
@@ -31,7 +31,7 @@ export default class CrossIcon extends Component {
       margin: 0,
       padding: 0,
       border: 'none',
-      textIndent: -99999,
+      fontSize: 0,
       background: 'transparent',
       color: 'transparent',
       outline: 'none',

diff --git a/test/CrossIcon.spec.js b/test/CrossIcon.spec.js
@@ -132,7 +132,7 @@ describe('CrossIcon component', () => {
         margin: 0,
         padding: 0,
         border: 'none',
-        textIndent: -99999,
+        fontSize: 0,
         background: 'transparent',
         color: 'transparent',
         outline: 'none',