{"action":"created","issue":{"url":"https://api.github.com/repos/learningequality/ka-lite/issues/3209","labels_url":"https://api.github.com/repos/learningequality/ka-lite/issues/3209/labels{/name}","comments_url":"https://api.github.com/repos/learningequality/ka-lite/issues/3209/comments","events_url":"https://api.github.com/repos/learningequality/ka-lite/issues/3209/events","html_url":"https://github.com/learningequality/ka-lite/pull/3209","id":60405477,"number":3209,"title":"Sidebar now responsive as ever","user":{"login":"Antrikshy","id":6601788,"avatar_url":"https://avatars.githubusercontent.com/u/6601788?v=3","gravatar_id":"","url":"https://api.github.com/users/Antrikshy","html_url":"https://github.com/Antrikshy","followers_url":"https://api.github.com/users/Antrikshy/followers","following_url":"https://api.github.com/users/Antrikshy/following{/other_user}","gists_url":"https://api.github.com/users/Antrikshy/gists{/gist_id}","starred_url":"https://api.github.com/users/Antrikshy/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Antrikshy/subscriptions","organizations_url":"https://api.github.com/users/Antrikshy/orgs","repos_url":"https://api.github.com/users/Antrikshy/repos","events_url":"https://api.github.com/users/Antrikshy/events{/privacy}","received_events_url":"https://api.github.com/users/Antrikshy/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/learningequality/ka-lite/labels/high%20priority","name":"high priority","color":"e11d21"}],"state":"closed","locked":false,"assignee":{"login":"MCGallaspy","id":8888020,"avatar_url":"https://avatars.githubusercontent.com/u/8888020?v=3","gravatar_id":"","url":"https://api.github.com/users/MCGallaspy","html_url":"https://github.com/MCGallaspy","followers_url":"https://api.github.com/users/MCGallaspy/followers","following_url":"https://api.github.com/users/MCGallaspy/following{/other_user}","gists_url":"https://api.github.com/users/MCGallaspy/gists{/gist_id}","starred_url":"https://api.github.com/users/MCGallaspy/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/MCGallaspy/subscriptions","organizations_url":"https://api.github.com/users/MCGallaspy/orgs","repos_url":"https://api.github.com/users/MCGallaspy/repos","events_url":"https://api.github.com/users/MCGallaspy/events{/privacy}","received_events_url":"https://api.github.com/users/MCGallaspy/received_events","type":"User","site_admin":false},"milestone":{"url":"https://api.github.com/repos/learningequality/ka-lite/milestones/37","html_url":"https://github.com/learningequality/ka-lite/milestones/0.13.x","labels_url":"https://api.github.com/repos/learningequality/ka-lite/milestones/37/labels","id":656433,"number":37,"title":"0.13.x","description":"- bootstrap for everything!\r\n- i18n beta languages\r\n- lots of fixes","creator":{"login":"aronasorman","id":191955,"avatar_url":"https://avatars.githubusercontent.com/u/191955?v=3","gravatar_id":"","url":"https://api.github.com/users/aronasorman","html_url":"https://github.com/aronasorman","followers_url":"https://api.github.com/users/aronasorman/followers","following_url":"https://api.github.com/users/aronasorman/following{/other_user}","gists_url":"https://api.github.com/users/aronasorman/gists{/gist_id}","starred_url":"https://api.github.com/users/aronasorman/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/aronasorman/subscriptions","organizations_url":"https://api.github.com/users/aronasorman/orgs","repos_url":"https://api.github.com/users/aronasorman/repos","events_url":"https://api.github.com/users/aronasorman/events{/privacy}","received_events_url":"https://api.github.com/users/aronasorman/received_events","type":"User","site_admin":false},"open_issues":20,"closed_issues":316,"state":"open","created_at":"2014-05-12T16:58:11Z","updated_at":"2015-03-10T01:15:43Z","due_on":"2015-02-17T08:00:00Z","closed_at":null},"comments":4,"created_at":"2015-03-09T20:35:41Z","updated_at":"2015-03-10T01:17:00Z","closed_at":"2015-03-10T00:38:36Z","pull_request":{"url":"https://api.github.com/repos/learningequality/ka-lite/pulls/3209","html_url":"https://github.com/learningequality/ka-lite/pull/3209","diff_url":"https://github.com/learningequality/ka-lite/pull/3209.diff","patch_url":"https://github.com/learningequality/ka-lite/pull/3209.patch"},"body":"I have made some fancy CSS and Backbone changes that make the whole thing embrace various screen sizes more than ever before. I had never thought I'd see this happen anytime soon, but the sidebar now literally behaves like a Bootstrap component, resizing live with the window size. While I feel there is more optimization to do going forward, this is a stable enough update to be merged.\r\n\r\nThis update builds on top of #3139 and adds the following:\r\n\r\n- Complete auto-resizing of the sidebar when window width changes (in 100px steps, too!), because users will inevitably play around with the glorious responsiveness once they discover it. ;)\r\n- Media queries to change the text size based on screen width. I read somewhere that when implementing responsive typography, text sizes are lowered on smaller screens because they are held closer to the face.\r\n- Probably other stuff that I have forgotten.\r\n\r\n#### Largest size (> 1300px)\r\n![screen shot 2015-03-09 at 1 32 12 pm](https://cloud.githubusercontent.com/assets/6601788/6563757/c9274cba-c660-11e4-987c-1734474642cb.png)\r\n\r\n#### Smallest size (504px)\r\n![screen shot 2015-03-09 at 1 32 17 pm](https://cloud.githubusercontent.com/assets/6601788/6563764/d18ed076-c660-11e4-853f-e36073243477.png)\r\n\r\nSuggestions for tweaks and improvements welcome (are the font sizes okay?).\r\n\r\n>Note: I have not yet implemented the new color scheme because I can't make it look good enough on the huge sidebar. It's too saturated for that. Anyways, it will be a significant enough change to warrant for its own PR anyway because it will need several changes across the entire website."},"comment":{"url":"https://api.github.com/repos/learningequality/ka-lite/issues/comments/77978510","html_url":"https://github.com/learningequality/ka-lite/pull/3209#issuecomment-77978510","issue_url":"https://api.github.com/repos/learningequality/ka-lite/issues/3209","id":77978510,"user":{"login":"Antrikshy","id":6601788,"avatar_url":"https://avatars.githubusercontent.com/u/6601788?v=3","gravatar_id":"","url":"https://api.github.com/users/Antrikshy","html_url":"https://github.com/Antrikshy","followers_url":"https://api.github.com/users/Antrikshy/followers","following_url":"https://api.github.com/users/Antrikshy/following{/other_user}","gists_url":"https://api.github.com/users/Antrikshy/gists{/gist_id}","starred_url":"https://api.github.com/users/Antrikshy/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Antrikshy/subscriptions","organizations_url":"https://api.github.com/users/Antrikshy/orgs","repos_url":"https://api.github.com/users/Antrikshy/repos","events_url":"https://api.github.com/users/Antrikshy/events{/privacy}","received_events_url":"https://api.github.com/users/Antrikshy/received_events","type":"User","site_admin":false},"created_at":"2015-03-10T01:17:00Z","updated_at":"2015-03-10T01:17:00Z","body":"@MCGallaspy You guys dig it so much, eh?"}}