{"action":"created","issue":{"url":"https://api.github.com/repos/Mottie/Keyboard/issues/424","labels_url":"https://api.github.com/repos/Mottie/Keyboard/issues/424/labels{/name}","comments_url":"https://api.github.com/repos/Mottie/Keyboard/issues/424/comments","events_url":"https://api.github.com/repos/Mottie/Keyboard/issues/424/events","html_url":"https://github.com/Mottie/Keyboard/issues/424","id":126040779,"number":424,"title":"Keyboard width","user":{"login":"apod42","id":8381515,"avatar_url":"https://avatars.githubusercontent.com/u/8381515?v=3","gravatar_id":"","url":"https://api.github.com/users/apod42","html_url":"https://github.com/apod42","followers_url":"https://api.github.com/users/apod42/followers","following_url":"https://api.github.com/users/apod42/following{/other_user}","gists_url":"https://api.github.com/users/apod42/gists{/gist_id}","starred_url":"https://api.github.com/users/apod42/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/apod42/subscriptions","organizations_url":"https://api.github.com/users/apod42/orgs","repos_url":"https://api.github.com/users/apod42/repos","events_url":"https://api.github.com/users/apod42/events{/privacy}","received_events_url":"https://api.github.com/users/apod42/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-01-11T21:29:55Z","updated_at":"2016-01-11T21:35:26Z","closed_at":null,"body":"Hello,\r\n\r\nUpdated my core code to the latest version of your virtual keyboard. Before, I was using core code from 2014 with minor modifications by me. \r\n\r\nI am facing a weird behavior now: the width of the virtual keyboard is 100-percent the screen width, with a margin on the left edge of the screen, which causes a horizontal scroll bar to appear in the browser window.\r\n\r\nProblem is fixed if in the css class .ui-widget-content I add a \"width: 500px;\" (or whatever). \r\n\r\nI am just wondering why is this occuring? Using the old core code I never had to declare a width for the virtual keyboard."},"comment":{"url":"https://api.github.com/repos/Mottie/Keyboard/issues/comments/170697976","html_url":"https://github.com/Mottie/Keyboard/issues/424#issuecomment-170697976","issue_url":"https://api.github.com/repos/Mottie/Keyboard/issues/424","id":170697976,"user":{"login":"apod42","id":8381515,"avatar_url":"https://avatars.githubusercontent.com/u/8381515?v=3","gravatar_id":"","url":"https://api.github.com/users/apod42","html_url":"https://github.com/apod42","followers_url":"https://api.github.com/users/apod42/followers","following_url":"https://api.github.com/users/apod42/following{/other_user}","gists_url":"https://api.github.com/users/apod42/gists{/gist_id}","starred_url":"https://api.github.com/users/apod42/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/apod42/subscriptions","organizations_url":"https://api.github.com/users/apod42/orgs","repos_url":"https://api.github.com/users/apod42/repos","events_url":"https://api.github.com/users/apod42/events{/privacy}","received_events_url":"https://api.github.com/users/apod42/received_events","type":"User","site_admin":false},"created_at":"2016-01-11T21:35:26Z","updated_at":"2016-01-11T21:35:26Z","body":"This is my css file:\r\n\r\n/*-------------------------------------------------- Virtual keyboard -------------------------------------------------- */\r\n\r\n.ui-widget {\r\n  font-family:Georgia,\"Times New Roman\",Times,serif;\r\n  font-size:1em\r\n}\r\n.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {\r\n  font-family:Georgia,\"Times New Roman\",Times,serif;\r\n  font-size:1em\r\n}\r\n.ui-widget-content {\r\n  border:#68655d solid 1px;\r\n  border-radius:5px;\r\n  background:#faf7ef url(http://www.example.com/img.png);\r\n  background-repeat:repeat;\r\n  -webkit-background-clip:padding-box;\r\n  -moz-background-clip:padding;\r\n  background-clip:padding-box;\r\n  box-shadow : 2px 2px 8px #68655d;\r\n  -moz-box-shadow : 2px 2px 8px #68655d;\r\n  -webkit-box-shadow : 2px 2px 8px #68655d;  \r\n \r\n}\r\n.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {\r\n  border:#554014 solid 1px;\r\n  background:#faf7ef url(http://www.example.com/img2.png);\r\n  background-repeat:repeat;\r\n  font-weight:700;\r\n  color:#732c00;\r\n  box-shadow:2px 2px 8px #68655d;\r\n  -moz-box-shadow:2px 2px 8px #68655d;\r\n  -webkit-box-shadow:2px 2px 8px #68655d;\r\n  -webkit-background-clip:padding-box;\r\n  -moz-background-clip:padding;\r\n  background-clip:padding-box\r\n}\r\n.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover {\r\n  border:#554014 solid 1px;\r\n  background:#fefefc;\r\n  font-weight:700;\r\n  color:#732c00;\r\n  box-shadow:4px 4px 8px #68655d;\r\n  -moz-box-shadow:4px 4px 8px #68655d;\r\n  -webkit-box-shadow:4px 4px 8px #68655d;\r\n  -webkit-background-clip:padding-box;\r\n  -moz-background-clip:padding;\r\n  background-clip:padding-box\r\n}\r\n.ui-corner-all {\r\n  border-radius:5px\r\n}\r\n.ui-keyboard {\r\n  padding:6px\r\n}\r\n.ui-keyboard-button {\r\n  min-height:37px;\r\n  min-width:37px;\r\n  margin:6px;\r\n  cursor:pointer;\r\n  overflow:hidden;\r\n  line-height:0;\r\n  -moz-user-focus:ignore;\r\n}"}}