{"action":"created","issue":{"url":"https://api.github.com/repos/metapolator/metapolator/issues/353","labels_url":"https://api.github.com/repos/metapolator/metapolator/issues/353/labels{/name}","comments_url":"https://api.github.com/repos/metapolator/metapolator/issues/353/comments","events_url":"https://api.github.com/repos/metapolator/metapolator/issues/353/events","html_url":"https://github.com/metapolator/metapolator/issues/353","id":59371687,"number":353,"title":"Implement sizing rules","user":{"login":"davelab6","id":261579,"avatar_url":"https://avatars.githubusercontent.com/u/261579?v=3","gravatar_id":"","url":"https://api.github.com/users/davelab6","html_url":"https://github.com/davelab6","followers_url":"https://api.github.com/users/davelab6/followers","following_url":"https://api.github.com/users/davelab6/following{/other_user}","gists_url":"https://api.github.com/users/davelab6/gists{/gist_id}","starred_url":"https://api.github.com/users/davelab6/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/davelab6/subscriptions","organizations_url":"https://api.github.com/users/davelab6/orgs","repos_url":"https://api.github.com/users/davelab6/repos","events_url":"https://api.github.com/users/davelab6/events{/privacy}","received_events_url":"https://api.github.com/users/davelab6/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/metapolator/metapolator/labels/Priority%20Low","name":"Priority Low","color":"fef2c0"},{"url":"https://api.github.com/repos/metapolator/metapolator/labels/UI","name":"UI","color":"207de5"}],"state":"open","locked":false,"assignee":{"login":"guiguru","id":4458395,"avatar_url":"https://avatars.githubusercontent.com/u/4458395?v=3","gravatar_id":"","url":"https://api.github.com/users/guiguru","html_url":"https://github.com/guiguru","followers_url":"https://api.github.com/users/guiguru/followers","following_url":"https://api.github.com/users/guiguru/following{/other_user}","gists_url":"https://api.github.com/users/guiguru/gists{/gist_id}","starred_url":"https://api.github.com/users/guiguru/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/guiguru/subscriptions","organizations_url":"https://api.github.com/users/guiguru/orgs","repos_url":"https://api.github.com/users/guiguru/repos","events_url":"https://api.github.com/users/guiguru/events{/privacy}","received_events_url":"https://api.github.com/users/guiguru/received_events","type":"User","site_admin":false},"milestone":{"url":"https://api.github.com/repos/metapolator/metapolator/milestones/23","html_url":"https://github.com/metapolator/metapolator/milestones/0.2.0","labels_url":"https://api.github.com/repos/metapolator/metapolator/milestones/23/labels","id":728542,"number":23,"title":"0.2.0","description":"","creator":{"login":"davelab6","id":261579,"avatar_url":"https://avatars.githubusercontent.com/u/261579?v=3","gravatar_id":"","url":"https://api.github.com/users/davelab6","html_url":"https://github.com/davelab6","followers_url":"https://api.github.com/users/davelab6/followers","following_url":"https://api.github.com/users/davelab6/following{/other_user}","gists_url":"https://api.github.com/users/davelab6/gists{/gist_id}","starred_url":"https://api.github.com/users/davelab6/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/davelab6/subscriptions","organizations_url":"https://api.github.com/users/davelab6/orgs","repos_url":"https://api.github.com/users/davelab6/repos","events_url":"https://api.github.com/users/davelab6/events{/privacy}","received_events_url":"https://api.github.com/users/davelab6/received_events","type":"User","site_admin":false},"open_issues":15,"closed_issues":14,"state":"open","created_at":"2014-07-22T15:33:56Z","updated_at":"2015-03-01T23:12:21Z","due_on":"2015-04-27T04:00:00Z","closed_at":null},"comments":6,"created_at":"2015-03-01T02:08:11Z","updated_at":"2015-03-03T13:13:17Z","closed_at":null,"body":"https://github.com/metapolator/metapolator/wiki/elements-of-design#sizing-rules says,\r\n\r\n> **note**: all talk about pixels on these interaction design pages is about **effective pixels**, as reported in the browser (i.e. divided down from physical pixels for retina displays).\r\n> \r\n> 1. the default column and divider proportions are giving for each view above;\r\n> * users can adjust the column widths and divider proportions; this will not cause the views to scroll, and is persisted for the project; resizing the masters or instances column will affect both views they appear on;\r\n> * when the browser viewport is resized, column and divider proportions are maintained;\r\n> * **all three** rules above are subject to the following limits:\r\n>   * minimum width of a view (what is shown in the viewport) is 960px (i.e. if the viewport is narrower than that, the view scrolls horizontally);\r\n>   * the minimum width of the parameter, masters and instances columns is 180px;\r\n>   * the maximum width of the parameter, masters and instances columns is 270px;\r\n>   * the fonts column width is not user adjustable, it is 1/16th of the viewport width, capped by a maximum of 80px;\r\n>   * no further limits; user common sense prevails.\r\n> \r\n> _yes, horizontal dividers can be moved completely up/down, to the point where the panel above/below it is completely invisible._\r\n\r\nFrom this I see these tasks for the demo:\r\n\r\n- [ ] make the column widths adjustable; this will not cause the views to scroll\r\n- [ ] make the dividers adjustable; this will not cause the views to scroll\r\n- [ ] when the browser viewport is resized, column and divider proportions are maintained\r\n- [ ] minimum width of a view (what is shown in the viewport) is 960px (i.e. if the viewport is narrower than that, the view scrolls horizontally)\r\n- [ ] horizontal dividers can be moved completely up/down, to the point where the panel above/below it is completely invisible\r\n- [ ] the minimum width of the parameter, masters and instances columns is 180px;\r\n- [ ] the maximum width of the parameter, masters and instances columns is 270px;\r\n- [ ]  the fonts column width is not user adjustable, it is 1/16th of the viewport width, capped by a maximum of 80px.\r\n\r\nAnd from playing around, I add this as a 'nice to have' \r\n\r\n- [ ] ensure that when the browser viewport is resized, the 'page alignment' is maintained. Or, if this is a big job, when the browser viewport is resized, one of the 3 buttons to move from page to page must be pressed to re-align the panels to the viewport; it should be easy to fire the event triggered by these buttons on a resize event with the button's state as input, so that after the viewport resize operation is completed by the user, the UI slides back into alignment smoothly :)  \r\n\r\nAssigning to Peter to verify - please edit the above and then assign to Jeroen when happy :) "},"comment":{"url":"https://api.github.com/repos/metapolator/metapolator/issues/comments/76942603","html_url":"https://github.com/metapolator/metapolator/issues/353#issuecomment-76942603","issue_url":"https://api.github.com/repos/metapolator/metapolator/issues/353","id":76942603,"user":{"login":"jeroenbreen","id":6692653,"avatar_url":"https://avatars.githubusercontent.com/u/6692653?v=3","gravatar_id":"","url":"https://api.github.com/users/jeroenbreen","html_url":"https://github.com/jeroenbreen","followers_url":"https://api.github.com/users/jeroenbreen/followers","following_url":"https://api.github.com/users/jeroenbreen/following{/other_user}","gists_url":"https://api.github.com/users/jeroenbreen/gists{/gist_id}","starred_url":"https://api.github.com/users/jeroenbreen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jeroenbreen/subscriptions","organizations_url":"https://api.github.com/users/jeroenbreen/orgs","repos_url":"https://api.github.com/users/jeroenbreen/repos","events_url":"https://api.github.com/users/jeroenbreen/events{/privacy}","received_events_url":"https://api.github.com/users/jeroenbreen/received_events","type":"User","site_admin":false},"created_at":"2015-03-03T13:13:16Z","updated_at":"2015-03-03T13:13:16Z","body":"yes (done), yes (vertical moving of the divider (to be sure)), yes."}}