{"action":"created","issue":{"url":"https://api.github.com/repos/mozilla/activity-streams/issues/135","repository_url":"https://api.github.com/repos/mozilla/activity-streams","labels_url":"https://api.github.com/repos/mozilla/activity-streams/issues/135/labels{/name}","comments_url":"https://api.github.com/repos/mozilla/activity-streams/issues/135/comments","events_url":"https://api.github.com/repos/mozilla/activity-streams/issues/135/events","html_url":"https://github.com/mozilla/activity-streams/issues/135","id":134428209,"number":135,"title":"Figure out design on browsers narrower than 1100px","user":{"login":"pdehaan","id":557895,"avatar_url":"https://avatars.githubusercontent.com/u/557895?v=3","gravatar_id":"","url":"https://api.github.com/users/pdehaan","html_url":"https://github.com/pdehaan","followers_url":"https://api.github.com/users/pdehaan/followers","following_url":"https://api.github.com/users/pdehaan/following{/other_user}","gists_url":"https://api.github.com/users/pdehaan/gists{/gist_id}","starred_url":"https://api.github.com/users/pdehaan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pdehaan/subscriptions","organizations_url":"https://api.github.com/users/pdehaan/orgs","repos_url":"https://api.github.com/users/pdehaan/repos","events_url":"https://api.github.com/users/pdehaan/events{/privacy}","received_events_url":"https://api.github.com/users/pdehaan/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/mozilla/activity-streams/labels/Design%20feedback%20needed","name":"Design feedback needed","color":"E14164"}],"state":"open","locked":false,"assignee":{"login":"bryanbell","id":228979,"avatar_url":"https://avatars.githubusercontent.com/u/228979?v=3","gravatar_id":"","url":"https://api.github.com/users/bryanbell","html_url":"https://github.com/bryanbell","followers_url":"https://api.github.com/users/bryanbell/followers","following_url":"https://api.github.com/users/bryanbell/following{/other_user}","gists_url":"https://api.github.com/users/bryanbell/gists{/gist_id}","starred_url":"https://api.github.com/users/bryanbell/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bryanbell/subscriptions","organizations_url":"https://api.github.com/users/bryanbell/orgs","repos_url":"https://api.github.com/users/bryanbell/repos","events_url":"https://api.github.com/users/bryanbell/events{/privacy}","received_events_url":"https://api.github.com/users/bryanbell/received_events","type":"User","site_admin":false},"milestone":{"url":"https://api.github.com/repos/mozilla/activity-streams/milestones/4","html_url":"https://github.com/mozilla/activity-streams/milestones/4.%20Release%201.0","labels_url":"https://api.github.com/repos/mozilla/activity-streams/milestones/4/labels","id":1552255,"number":4,"title":"4. Release 1.0","description":"Ship add-on to Test Pilot","creator":{"login":"k88hudson","id":1455535,"avatar_url":"https://avatars.githubusercontent.com/u/1455535?v=3","gravatar_id":"","url":"https://api.github.com/users/k88hudson","html_url":"https://github.com/k88hudson","followers_url":"https://api.github.com/users/k88hudson/followers","following_url":"https://api.github.com/users/k88hudson/following{/other_user}","gists_url":"https://api.github.com/users/k88hudson/gists{/gist_id}","starred_url":"https://api.github.com/users/k88hudson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/k88hudson/subscriptions","organizations_url":"https://api.github.com/users/k88hudson/orgs","repos_url":"https://api.github.com/users/k88hudson/repos","events_url":"https://api.github.com/users/k88hudson/events{/privacy}","received_events_url":"https://api.github.com/users/k88hudson/received_events","type":"User","site_admin":false},"open_issues":16,"closed_issues":0,"state":"open","created_at":"2016-01-29T22:37:28Z","updated_at":"2016-02-29T19:02:02Z","due_on":"2016-04-01T04:00:00Z","closed_at":null},"comments":2,"created_at":"2016-02-17T23:03:10Z","updated_at":"2016-02-29T23:29:51Z","closed_at":null,"body":"Currently our \"Top Sites\" wraps at around 1100-1101px and causes the 6th site to wrap onto the following line and then everything goes a bit sideways.\r\n\r\nWe should come up with a solution of what should happen on smaller browsers. Should the Top Sites wrap onto a second line? Just hide any items that don't fit and do some `overflow:hidden` magic.\r\n\r\n![new_tab](https://cloud.githubusercontent.com/assets/557895/13127565/df339250-d584-11e5-99b6-d6fb33da0179.png)\r\n**Figure 1:** Current behavior at 1100px width on the **style-tweaks** branch.\r\n\r\n---\r\n\r\n#### Workaround:\r\n\r\nSet an explicit height on the \"Top Sites\" container and hide any overflow:\r\n\r\n![new_tab](https://cloud.githubusercontent.com/assets/557895/13127631/46b0783a-d585-11e5-86c0-6fc28226b5bd.png)\r\n**Figure 2:** Some inline CSS hackery with `overflow: hidden; max-height: 114px;`:\r\n\r\n```html\r\n<div style=\"overflow: hidden; max-height: 114px;\" class=\"tiles-wrapper\">\r\n```"},"comment":{"url":"https://api.github.com/repos/mozilla/activity-streams/issues/comments/190448900","html_url":"https://github.com/mozilla/activity-streams/issues/135#issuecomment-190448900","issue_url":"https://api.github.com/repos/mozilla/activity-streams/issues/135","id":190448900,"user":{"login":"bryanbell","id":228979,"avatar_url":"https://avatars.githubusercontent.com/u/228979?v=3","gravatar_id":"","url":"https://api.github.com/users/bryanbell","html_url":"https://github.com/bryanbell","followers_url":"https://api.github.com/users/bryanbell/followers","following_url":"https://api.github.com/users/bryanbell/following{/other_user}","gists_url":"https://api.github.com/users/bryanbell/gists{/gist_id}","starred_url":"https://api.github.com/users/bryanbell/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bryanbell/subscriptions","organizations_url":"https://api.github.com/users/bryanbell/orgs","repos_url":"https://api.github.com/users/bryanbell/repos","events_url":"https://api.github.com/users/bryanbell/events{/privacy}","received_events_url":"https://api.github.com/users/bryanbell/received_events","type":"User","site_admin":false},"created_at":"2016-02-29T23:29:51Z","updated_at":"2016-02-29T23:29:51Z","body":"The current design of the New Tab is much narrower than it used to be. It currently only starts to deform around 714 pixels wide.\r\n\r\nLet's just set a hard width to New Tab so the pages maintains its current layout. "}}