{"action":"opened","issue":{"url":"https://api.github.com/repos/bolt/bolt/issues/5592","repository_url":"https://api.github.com/repos/bolt/bolt","labels_url":"https://api.github.com/repos/bolt/bolt/issues/5592/labels{/name}","comments_url":"https://api.github.com/repos/bolt/bolt/issues/5592/comments","events_url":"https://api.github.com/repos/bolt/bolt/issues/5592/events","html_url":"https://github.com/bolt/bolt/issues/5592","id":167660336,"number":5592,"title":"[BUG] Display issues with File Manager","user":{"login":"svivian","id":207887,"avatar_url":"https://avatars.githubusercontent.com/u/207887?v=3","gravatar_id":"","url":"https://api.github.com/users/svivian","html_url":"https://github.com/svivian","followers_url":"https://api.github.com/users/svivian/followers","following_url":"https://api.github.com/users/svivian/following{/other_user}","gists_url":"https://api.github.com/users/svivian/gists{/gist_id}","starred_url":"https://api.github.com/users/svivian/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/svivian/subscriptions","organizations_url":"https://api.github.com/users/svivian/orgs","repos_url":"https://api.github.com/users/svivian/repos","events_url":"https://api.github.com/users/svivian/events{/privacy}","received_events_url":"https://api.github.com/users/svivian/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-07-26T17:06:15Z","updated_at":"2016-07-26T17:06:15Z","closed_at":null,"body":"1. Go to the file manager.\r\n2. Upload a small image, such as a 16x16 icon.\r\n3. Click the filename to preview the image.\r\n\r\n**Problem 1:** the image thumbnail shown in the file list is blurry and has the wrong aspect ratio. The problem is that the image is linked as `/thumbs/54x40c/icons/pdf-button.png` which resizes/crops images to 54x40, but not if they are smaller than that. But the `<img>` tag has the size explicitly set to `width=\"54\" height=\"40\"`\r\n\r\n![bolt-bug-icon](https://cloud.githubusercontent.com/assets/207887/17147474/d6157824-535a-11e6-997c-5a42d94d3f75.jpg)\r\n\r\nTo solve this, you could 'expand' the image canvas to 54x40, by which I mean make it a 54x40 image with the icon regular size sat in the middle. Or, change the img tag to use `style=\"max-width:54px; max-height:40px`\r\n\r\n**Problem 2:** when you click the filename to see the full-screen 'preview', the filename is squashed into a narrow column:\r\n\r\n![bolt-bug-preview](https://cloud.githubusercontent.com/assets/207887/17147475/d61cb346-535a-11e6-9b2e-17336d873fbe.jpg)\r\n\r\nProbably want to set a minimum width on the 'figure'. I'd suggest adding a `min-width` to `.mfp-figure`, around 250px should be enough. A minimum height may be worthwhile too to make it look better.\r\n\r\n\r\nDetails\r\n-------\r\n\r\n- Bolt 3.0.11\r\n- PHP 5.5\r\n- Apache server\r\n- Chrome browser, Mac (issues also occur in Firefox)\r\n"}}
{"actor":{"display_login":"svivian"}}