{"action":"created","issue":{"url":"https://api.github.com/repos/metafizzy/packery/issues/508","repository_url":"https://api.github.com/repos/metafizzy/packery","labels_url":"https://api.github.com/repos/metafizzy/packery/issues/508/labels{/name}","comments_url":"https://api.github.com/repos/metafizzy/packery/issues/508/comments","events_url":"https://api.github.com/repos/metafizzy/packery/issues/508/events","html_url":"https://github.com/metafizzy/packery/issues/508","id":341321187,"node_id":"MDU6SXNzdWUzNDEzMjExODc=","number":508,"title":"Expand/shrink percentages by 1%","user":{"login":"pliablepixels","id":4116654,"node_id":"MDQ6VXNlcjQxMTY2NTQ=","avatar_url":"https://avatars2.githubusercontent.com/u/4116654?v=4","gravatar_id":"","url":"https://api.github.com/users/pliablepixels","html_url":"https://github.com/pliablepixels","followers_url":"https://api.github.com/users/pliablepixels/followers","following_url":"https://api.github.com/users/pliablepixels/following{/other_user}","gists_url":"https://api.github.com/users/pliablepixels/gists{/gist_id}","starred_url":"https://api.github.com/users/pliablepixels/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pliablepixels/subscriptions","organizations_url":"https://api.github.com/users/pliablepixels/orgs","repos_url":"https://api.github.com/users/pliablepixels/repos","events_url":"https://api.github.com/users/pliablepixels/events{/privacy}","received_events_url":"https://api.github.com/users/pliablepixels/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-07-15T13:29:49Z","updated_at":"2018-08-08T19:59:05Z","closed_at":null,"author_association":"NONE","body":"Good day, this is a question, not a bug report.\r\nI use your amazing library to create a montage of video monitors in my angularJS app (security CCTV feeds). \r\n\r\nI use the following packery init settings:\r\n\r\n```\r\n pckry = new Packery('.grid', {\r\n        itemSelector: '.grid-item',\r\n        percentPosition: true,\r\n       //columnWidth: '.grid-sizer',\r\n        gutter: 0,\r\n        initLayout: layouttype,\r\n        shiftPercentResize: true,\r\n        transitionDuration: 0\r\n\r\n      });\r\n```\r\n\r\nMy users want to be able to increase/decrease image sizes by 1% as it offers them maximum flexibility to fill the window width. Looking at all the examples, it looks like they all use CSS classes, each with different widths.  Following that cue, [I've actually created 100 CSS grid-width classes](https://github.com/pliablepixels/zmNinja/blob/master/www/css/style.css#L1054\r\n), each with their own width. Is there a better way or is this what one needs to do?\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/metafizzy/packery/issues/comments/411532774","html_url":"https://github.com/metafizzy/packery/issues/508#issuecomment-411532774","issue_url":"https://api.github.com/repos/metafizzy/packery/issues/508","id":411532774,"node_id":"MDEyOklzc3VlQ29tbWVudDQxMTUzMjc3NA==","user":{"login":"desandro","id":85566,"node_id":"MDQ6VXNlcjg1NTY2","avatar_url":"https://avatars0.githubusercontent.com/u/85566?v=4","gravatar_id":"","url":"https://api.github.com/users/desandro","html_url":"https://github.com/desandro","followers_url":"https://api.github.com/users/desandro/followers","following_url":"https://api.github.com/users/desandro/following{/other_user}","gists_url":"https://api.github.com/users/desandro/gists{/gist_id}","starred_url":"https://api.github.com/users/desandro/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/desandro/subscriptions","organizations_url":"https://api.github.com/users/desandro/orgs","repos_url":"https://api.github.com/users/desandro/repos","events_url":"https://api.github.com/users/desandro/events{/privacy}","received_events_url":"https://api.github.com/users/desandro/received_events","type":"User","site_admin":false},"created_at":"2018-08-08T19:59:05Z","updated_at":"2018-08-08T19:59:05Z","author_association":"MEMBER","body":"Thanks for asking this question. Packery does not require `columnWidth` to be set. `columnWidth` is useful if you want to rearrange items and align them to columns. That said, you can set item sizes however you want: via 100 CSS classes, or dynamically with JavaScript."}}
{"actor":{"display_login":"desandro"}}