{"action":"created","issue":{"url":"https://api.github.com/repos/kenwheeler/slick/issues/1803","repository_url":"https://api.github.com/repos/kenwheeler/slick","labels_url":"https://api.github.com/repos/kenwheeler/slick/issues/1803/labels{/name}","comments_url":"https://api.github.com/repos/kenwheeler/slick/issues/1803/comments","events_url":"https://api.github.com/repos/kenwheeler/slick/issues/1803/events","html_url":"https://github.com/kenwheeler/slick/issues/1803","id":110676995,"node_id":"MDU6SXNzdWUxMTA2NzY5OTU=","number":1803,"title":"Variable height on vertical carousel?","user":{"login":"richatsupersonicplayground","id":9512151,"node_id":"MDQ6VXNlcjk1MTIxNTE=","avatar_url":"https://avatars3.githubusercontent.com/u/9512151?v=4","gravatar_id":"","url":"https://api.github.com/users/richatsupersonicplayground","html_url":"https://github.com/richatsupersonicplayground","followers_url":"https://api.github.com/users/richatsupersonicplayground/followers","following_url":"https://api.github.com/users/richatsupersonicplayground/following{/other_user}","gists_url":"https://api.github.com/users/richatsupersonicplayground/gists{/gist_id}","starred_url":"https://api.github.com/users/richatsupersonicplayground/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/richatsupersonicplayground/subscriptions","organizations_url":"https://api.github.com/users/richatsupersonicplayground/orgs","repos_url":"https://api.github.com/users/richatsupersonicplayground/repos","events_url":"https://api.github.com/users/richatsupersonicplayground/events{/privacy}","received_events_url":"https://api.github.com/users/richatsupersonicplayground/received_events","type":"User","site_admin":false},"labels":[{"id":279041333,"node_id":"MDU6TGFiZWwyNzkwNDEzMzM=","url":"https://api.github.com/repos/kenwheeler/slick/labels/Feature%20Proposal","name":"Feature Proposal","color":"cc317c","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":11,"created_at":"2015-10-09T15:04:27Z","updated_at":"2018-08-15T00:26:51Z","closed_at":null,"author_association":"NONE","body":"Hey,\n\nI've been using Slick for a year or so on various projects, and it is truly amazing! However I've hit a bit of a problem on a vertical carousel.\n\nIt's a leaderboard showing scores - I need to show six at a time out of about 30, hence vertical is the way I need to go, although it's the first time I've used this setting.\n\nThe problem I've got is responsive - on large desktop each item starts out as 60px height each, dictated by a square image, but with text on one line, so the overall height of the container is 360px (6x60). The elements don't have a fixed height, it's the image the makes it 60px.\n\nBut when I scale down to mobile, and the text starts to wrap onto two lines making each item taller than 60px, the carousel doesn't resize - it stays at 360px, with that height measurement being applied by the plugin.\n\nIt's as if there needs to be a 'variableHeight' setting, similar to the variableWidth setting for horizontal carousels.\n\nIs there a way around this currently?\n"},"comment":{"url":"https://api.github.com/repos/kenwheeler/slick/issues/comments/413057450","html_url":"https://github.com/kenwheeler/slick/issues/1803#issuecomment-413057450","issue_url":"https://api.github.com/repos/kenwheeler/slick/issues/1803","id":413057450,"node_id":"MDEyOklzc3VlQ29tbWVudDQxMzA1NzQ1MA==","user":{"login":"lucasskywalker","id":11277564,"node_id":"MDQ6VXNlcjExMjc3NTY0","avatar_url":"https://avatars0.githubusercontent.com/u/11277564?v=4","gravatar_id":"","url":"https://api.github.com/users/lucasskywalker","html_url":"https://github.com/lucasskywalker","followers_url":"https://api.github.com/users/lucasskywalker/followers","following_url":"https://api.github.com/users/lucasskywalker/following{/other_user}","gists_url":"https://api.github.com/users/lucasskywalker/gists{/gist_id}","starred_url":"https://api.github.com/users/lucasskywalker/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lucasskywalker/subscriptions","organizations_url":"https://api.github.com/users/lucasskywalker/orgs","repos_url":"https://api.github.com/users/lucasskywalker/repos","events_url":"https://api.github.com/users/lucasskywalker/events{/privacy}","received_events_url":"https://api.github.com/users/lucasskywalker/received_events","type":"User","site_admin":false},"created_at":"2018-08-15T00:26:51Z","updated_at":"2018-08-15T00:26:51Z","author_association":"NONE","body":"`if (_.options.vertical === false) {\r\n            targetLeft = ((slideIndex * _.slideWidth) * -1) + _.slideOffset;\r\n        } else {\r\n          verticalOffset = 0;\r\n          for (var i = 0; i < slideIndex; i++) {\r\n            verticalOffset += _.$slides.eq(i).outerHeight(true);\r\n          }\r\n          targetLeft = (verticalOffset * -1);\r\n        }`"}}
{"actor":{"display_login":"lucasskywalker"}}