{"action":"created","issue":{"url":"https://api.github.com/repos/elegantthemes/Divi-Beta/issues/433","repository_url":"https://api.github.com/repos/elegantthemes/Divi-Beta","labels_url":"https://api.github.com/repos/elegantthemes/Divi-Beta/issues/433/labels{/name}","comments_url":"https://api.github.com/repos/elegantthemes/Divi-Beta/issues/433/comments","events_url":"https://api.github.com/repos/elegantthemes/Divi-Beta/issues/433/events","html_url":"https://github.com/elegantthemes/Divi-Beta/issues/433","id":176086586,"number":433,"title":"Improving Draggable Height & Width Usability","user":{"login":"timayhelen","id":3333028,"avatar_url":"https://avatars.githubusercontent.com/u/3333028?v=3","gravatar_id":"","url":"https://api.github.com/users/timayhelen","html_url":"https://github.com/timayhelen","followers_url":"https://api.github.com/users/timayhelen/followers","following_url":"https://api.github.com/users/timayhelen/following{/other_user}","gists_url":"https://api.github.com/users/timayhelen/gists{/gist_id}","starred_url":"https://api.github.com/users/timayhelen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/timayhelen/subscriptions","organizations_url":"https://api.github.com/users/timayhelen/orgs","repos_url":"https://api.github.com/users/timayhelen/repos","events_url":"https://api.github.com/users/timayhelen/events{/privacy}","received_events_url":"https://api.github.com/users/timayhelen/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/elegantthemes/Divi-Beta/labels/DESIGN%20FEEDBACK","name":"DESIGN FEEDBACK","color":"eb6420"},{"url":"https://api.github.com/repos/elegantthemes/Divi-Beta/labels/IMPROVEMENT","name":"IMPROVEMENT","color":"15b397"},{"url":"https://api.github.com/repos/elegantthemes/Divi-Beta/labels/READY%20FOR%20REVIEW","name":"READY FOR REVIEW","color":"009800"}],"state":"open","locked":false,"assignee":{"login":"fikrirasyid","id":916442,"avatar_url":"https://avatars.githubusercontent.com/u/916442?v=3","gravatar_id":"","url":"https://api.github.com/users/fikrirasyid","html_url":"https://github.com/fikrirasyid","followers_url":"https://api.github.com/users/fikrirasyid/followers","following_url":"https://api.github.com/users/fikrirasyid/following{/other_user}","gists_url":"https://api.github.com/users/fikrirasyid/gists{/gist_id}","starred_url":"https://api.github.com/users/fikrirasyid/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/fikrirasyid/subscriptions","organizations_url":"https://api.github.com/users/fikrirasyid/orgs","repos_url":"https://api.github.com/users/fikrirasyid/repos","events_url":"https://api.github.com/users/fikrirasyid/events{/privacy}","received_events_url":"https://api.github.com/users/fikrirasyid/received_events","type":"User","site_admin":false},"assignees":[{"login":"fikrirasyid","id":916442,"avatar_url":"https://avatars.githubusercontent.com/u/916442?v=3","gravatar_id":"","url":"https://api.github.com/users/fikrirasyid","html_url":"https://github.com/fikrirasyid","followers_url":"https://api.github.com/users/fikrirasyid/followers","following_url":"https://api.github.com/users/fikrirasyid/following{/other_user}","gists_url":"https://api.github.com/users/fikrirasyid/gists{/gist_id}","starred_url":"https://api.github.com/users/fikrirasyid/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/fikrirasyid/subscriptions","organizations_url":"https://api.github.com/users/fikrirasyid/orgs","repos_url":"https://api.github.com/users/fikrirasyid/repos","events_url":"https://api.github.com/users/fikrirasyid/events{/privacy}","received_events_url":"https://api.github.com/users/fikrirasyid/received_events","type":"User","site_admin":false}],"milestone":null,"comments":4,"created_at":"2016-09-09T19:13:54Z","updated_at":"2016-09-16T20:42:15Z","closed_at":null,"body":"A few ideas for improving the experience:\r\n\r\n1. Holding Alt While Dragging:  Limits the current padding to < or = it's opposite padding. So for example, if you have dragged a padding-left out to 100px, and you hold alt and drag the padding-right, it stops at 100px. This way you can quickly make both paddings the same. \r\n2. Holding Shift+Alt while dragging: Drags the opposite padding at the same rate. This way you can drag out padding-top, and it will mirror the value at padding-bottom. \r\n3. Holding Shift While Dragging: Limits the padding value to increments of 10. So it will snap to 10px, 20px, 30px or 10%, 20%, 30% etc.\r\n4. Adding Units Indicator: We need to add an indicator of units while dragging. I think it can just be centered vertically/horizontally inside the padding overlay. "},"comment":{"url":"https://api.github.com/repos/elegantthemes/Divi-Beta/issues/comments/247704201","html_url":"https://github.com/elegantthemes/Divi-Beta/issues/433#issuecomment-247704201","issue_url":"https://api.github.com/repos/elegantthemes/Divi-Beta/issues/433","id":247704201,"user":{"login":"timayhelen","id":3333028,"avatar_url":"https://avatars.githubusercontent.com/u/3333028?v=3","gravatar_id":"","url":"https://api.github.com/users/timayhelen","html_url":"https://github.com/timayhelen","followers_url":"https://api.github.com/users/timayhelen/followers","following_url":"https://api.github.com/users/timayhelen/following{/other_user}","gists_url":"https://api.github.com/users/timayhelen/gists{/gist_id}","starred_url":"https://api.github.com/users/timayhelen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/timayhelen/subscriptions","organizations_url":"https://api.github.com/users/timayhelen/orgs","repos_url":"https://api.github.com/users/timayhelen/repos","events_url":"https://api.github.com/users/timayhelen/events{/privacy}","received_events_url":"https://api.github.com/users/timayhelen/received_events","type":"User","site_admin":false},"created_at":"2016-09-16T20:42:15Z","updated_at":"2016-09-16T20:42:15Z","body":"@fikrirasyid use of React Motion also resulted in some glitchiness when adjusting padding. It seems to jump all around while you drag and it's smooth like it used to be:\r\n\r\nBefore:\r\n\r\n![before](https://cloud.githubusercontent.com/assets/3333028/18600597/5eec1c26-7c13-11e6-8885-d9822621bf6d.gif)\r\n\r\n\r\nAfter:\r\n\r\n![after](https://cloud.githubusercontent.com/assets/3333028/18600594/5b195f8c-7c13-11e6-89ee-e1e6e3fc7524.gif)\r\n"}}
{"actor":{"display_login":"timayhelen"}}