diff --git a/package.json b/package.json index 892a4154..3ddec63a 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "simple-keyboard", - "version": "1.0.6", + "version": "1.0.7", "description": "React.js Virtual Keyboard", "main": "build/index.js", "scripts": { diff --git a/src/lib/components/Keyboard.css b/src/lib/components/Keyboard.css index b6807488..ed0e6440 100644 --- a/src/lib/components/Keyboard.css +++ b/src/lib/components/Keyboard.css @@ -3,7 +3,7 @@ body, html { padding: 0; } -.hodgefkeyboard { +.simple-keyboard { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; width: 100%; user-select: none; @@ -11,38 +11,38 @@ body, html { overflow: hidden; } -.hodgefkeyboard .hg-row { +.simple-keyboard .hg-row { display: flex; } -.hodgefkeyboard .hg-row:not(:last-child) { +.simple-keyboard .hg-row:not(:last-child) { margin-bottom: 5px; } -.hodgefkeyboard .hg-row .hg-button:not(:last-child) { +.simple-keyboard .hg-row .hg-button:not(:last-child) { margin-right: 5px; } -.hodgefkeyboard .hg-button { +.simple-keyboard .hg-button { display: inline-block; flex-grow: 1; cursor: pointer; } -.hodgefkeyboard.hg-layout-default .hg-button.hg-standardBtn { +.simple-keyboard.hg-layout-default .hg-button.hg-standardBtn { max-width: 100px; } /** * hg-theme-default theme */ - .hodgefkeyboard.hg-theme-default { + .simple-keyboard.hg-theme-default { background-color: rgba(0,0,0,0.2); padding: 5px; border-radius: 5px; } - .hodgefkeyboard.hg-theme-default .hg-button { + .simple-keyboard.hg-theme-default .hg-button { box-shadow: 0px 0px 51px -2px rgba(0,0,0,0.3); height: 40px; border: 1px solid rgba(0,0,0,0.25); @@ -52,7 +52,7 @@ body, html { background: white; } - .hodgefkeyboard.hg-theme-default.hg-layout-numeric .hg-button { + .simple-keyboard.hg-theme-default.hg-layout-numeric .hg-button { width: 33.3%; height: 60px; align-items: center; diff --git a/src/lib/components/Keyboard.js b/src/lib/components/Keyboard.js index fa81df60..f3a0a90d 100644 --- a/src/lib/components/Keyboard.js +++ b/src/lib/components/Keyboard.js @@ -71,7 +71,7 @@ class App extends Component { let layoutClass = this.props.layout ? "hg-layout-custom" : `hg-layout-${layoutName}`; return ( -
+
{layout[layoutName].map((row, index) => { let rowArray = row.split(' ');