{"action":"created","issue":{"url":"https://api.github.com/repos/Dogfalo/materialize/issues/1249","labels_url":"https://api.github.com/repos/Dogfalo/materialize/issues/1249/labels{/name}","comments_url":"https://api.github.com/repos/Dogfalo/materialize/issues/1249/comments","events_url":"https://api.github.com/repos/Dogfalo/materialize/issues/1249/events","html_url":"https://github.com/Dogfalo/materialize/issues/1249","id":71124904,"number":1249,"title":"card-image stretches image, possibility for inline-block card?","user":{"login":"humbleRumble","id":12127875,"avatar_url":"https://avatars.githubusercontent.com/u/12127875?v=3","gravatar_id":"","url":"https://api.github.com/users/humbleRumble","html_url":"https://github.com/humbleRumble","followers_url":"https://api.github.com/users/humbleRumble/followers","following_url":"https://api.github.com/users/humbleRumble/following{/other_user}","gists_url":"https://api.github.com/users/humbleRumble/gists{/gist_id}","starred_url":"https://api.github.com/users/humbleRumble/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/humbleRumble/subscriptions","organizations_url":"https://api.github.com/users/humbleRumble/orgs","repos_url":"https://api.github.com/users/humbleRumble/repos","events_url":"https://api.github.com/users/humbleRumble/events{/privacy}","received_events_url":"https://api.github.com/users/humbleRumble/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-04-26T21:49:39Z","updated_at":"2015-04-26T22:53:02Z","closed_at":null,"body":"Working on converting my site from bootstrap to materialize, just a couple of things i would like.\r\n\r\n1). A card-inline class for card elements to make it display:inline-block and leave the image sizing alone.\r\n2). The card reveal \"title\" becomes constricted in width. \r\n3). A class to auto-show side-nav on large screens? (yes i realize that you can show the button on large screens)\r\n4). A class to remove shadows from buttons (or conversely remove the shadows and just tell the user to add z-depth-1 to the button if they want a shadow)\r\n5). maybe tone down the z-index classes a bit, it would be nice to have a little in between in there.\r\n\r\nLove the framework. Keep up the good work."},"comment":{"url":"https://api.github.com/repos/Dogfalo/materialize/issues/comments/96443848","html_url":"https://github.com/Dogfalo/materialize/issues/1249#issuecomment-96443848","issue_url":"https://api.github.com/repos/Dogfalo/materialize/issues/1249","id":96443848,"user":{"login":"humbleRumble","id":12127875,"avatar_url":"https://avatars.githubusercontent.com/u/12127875?v=3","gravatar_id":"","url":"https://api.github.com/users/humbleRumble","html_url":"https://github.com/humbleRumble","followers_url":"https://api.github.com/users/humbleRumble/followers","following_url":"https://api.github.com/users/humbleRumble/following{/other_user}","gists_url":"https://api.github.com/users/humbleRumble/gists{/gist_id}","starred_url":"https://api.github.com/users/humbleRumble/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/humbleRumble/subscriptions","organizations_url":"https://api.github.com/users/humbleRumble/orgs","repos_url":"https://api.github.com/users/humbleRumble/repos","events_url":"https://api.github.com/users/humbleRumble/events{/privacy}","received_events_url":"https://api.github.com/users/humbleRumble/received_events","type":"User","site_admin":false},"created_at":"2015-04-26T22:53:02Z","updated_at":"2015-04-26T22:53:02Z","body":"These are the classes I cam up with, really ugly code in my opinion. I think the user should add responsive-img class to the image if they want it to be responsive, otherwise don't touch it.\r\n<pre>.card-inline {\r\n    display: inline-block;\r\n}\r\n.card-inline .card-image img {\r\n    position: initial!important;\r\n    top: initial!important;\r\n    left: initial!important;\r\n    right: initial!important;\r\n    bottom: initial!important;\r\n    width: initial!important;\r\n}\r\n.card-inline.small .card-content {\r\n    height: initial!important;\r\n}</pre>\r\n\r\n\r\nAnd I just thought I would let you know about these methods of centering works every time, centers perfectly, and you dont need a wrapper\r\n<pre>.hcenter {\r\n    position: relative;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n}\r\n.vcenter {\r\n    position: relative;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n}\r\n.bcenter {\r\n    position: relative;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translateY(-50%);\r\n    transform: translateX(-50%);\r\n}</pre>"}}