{"action":"created","issue":{"url":"https://api.github.com/repos/thexerteproject/xerteonlinetoolkits/issues/387","labels_url":"https://api.github.com/repos/thexerteproject/xerteonlinetoolkits/issues/387/labels{/name}","comments_url":"https://api.github.com/repos/thexerteproject/xerteonlinetoolkits/issues/387/comments","events_url":"https://api.github.com/repos/thexerteproject/xerteonlinetoolkits/issues/387/events","html_url":"https://github.com/thexerteproject/xerteonlinetoolkits/issues/387","id":108111349,"number":387,"title":"Responsive text size - work in progress...","user":{"login":"ronm123","id":5167146,"avatar_url":"https://avatars.githubusercontent.com/u/5167146?v=3","gravatar_id":"","url":"https://api.github.com/users/ronm123","html_url":"https://github.com/ronm123","followers_url":"https://api.github.com/users/ronm123/followers","following_url":"https://api.github.com/users/ronm123/following{/other_user}","gists_url":"https://api.github.com/users/ronm123/gists{/gist_id}","starred_url":"https://api.github.com/users/ronm123/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ronm123/subscriptions","organizations_url":"https://api.github.com/users/ronm123/orgs","repos_url":"https://api.github.com/users/ronm123/repos","events_url":"https://api.github.com/users/ronm123/events{/privacy}","received_events_url":"https://api.github.com/users/ronm123/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/thexerteproject/xerteonlinetoolkits/labels/bug","name":"bug","color":"fc2929"},{"url":"https://api.github.com/repos/thexerteproject/xerteonlinetoolkits/labels/enhancement","name":"enhancement","color":"84b6eb"},{"url":"https://api.github.com/repos/thexerteproject/xerteonlinetoolkits/labels/improvement","name":"improvement","color":"d4c5f9"},{"url":"https://api.github.com/repos/thexerteproject/xerteonlinetoolkits/labels/question","name":"question","color":"cc317c"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":11,"created_at":"2015-09-24T11:22:39Z","updated_at":"2015-11-18T15:32:28Z","closed_at":null,"body":"This is less a bug and more of a question about enhancement but adding it here for our discussion tomorrow. It's always bugged me since we've moved to HTML5 rather than Flash that the poor maligned Flash Player did a great job of resizing the stage and text content according to browser window size when set to full screen or fill window. Obviously we have the full screen and fill window options with the HTML 5 engine too but I've noticed that most users stick with the default and I think this is because of how poor the text can look when viewed at larger window sizes. Making the default text size larger is only really a compromise especially as making it large enough for a high res desktop is then way too large for smartphones etc. I've been working through most of the page types and checking where there are unique font size styles that need to be included in a more responsive stylesheet which has taken quite a while and I may have missed some but here's a comparison for discussion tomorrow.\r\n\r\nView the Nottingham page types example http://www.nottingham.ac.uk/toolkits/play_8203 and compare each page with this example http://training.mitchellmedia.co.uk/xot/play.php?template_id=121 on various window sizes and devices. At the moment I've only set the styles to kick in at 768 width and above so lower width than that defaults to the existing styles especially on phones etc. But for me this seems to look and work much better on iPad and desktops when the LO is set to fill window. So far it's just the text that is changed not any of the current image sizes etc. I'll paste a couple of screenshots from my wide screen laptop...\r\n![image](https://cloud.githubusercontent.com/assets/5167146/10072088/c75edc5c-62b6-11e5-85e0-ea87fca31ad7.png)\r\n![image](https://cloud.githubusercontent.com/assets/5167146/10072094/d36b12f4-62b6-11e5-8dc3-e89f9f3462f1.png)\r\n\r\nBTW - wish we could copy and paste images into the Xerte editor like we can here on github!"},"comment":{"url":"https://api.github.com/repos/thexerteproject/xerteonlinetoolkits/issues/comments/157750255","html_url":"https://github.com/thexerteproject/xerteonlinetoolkits/issues/387#issuecomment-157750255","issue_url":"https://api.github.com/repos/thexerteproject/xerteonlinetoolkits/issues/387","id":157750255,"user":{"login":"FayCross","id":8926470,"avatar_url":"https://avatars.githubusercontent.com/u/8926470?v=3","gravatar_id":"","url":"https://api.github.com/users/FayCross","html_url":"https://github.com/FayCross","followers_url":"https://api.github.com/users/FayCross/followers","following_url":"https://api.github.com/users/FayCross/following{/other_user}","gists_url":"https://api.github.com/users/FayCross/gists{/gist_id}","starred_url":"https://api.github.com/users/FayCross/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/FayCross/subscriptions","organizations_url":"https://api.github.com/users/FayCross/orgs","repos_url":"https://api.github.com/users/FayCross/repos","events_url":"https://api.github.com/users/FayCross/events{/privacy}","received_events_url":"https://api.github.com/users/FayCross/received_events","type":"User","site_admin":false},"created_at":"2015-11-18T15:32:28Z","updated_at":"2015-11-18T15:32:28Z","body":"It was a js problem & I've committed a fix for it. The height of the central section where the pages load has its height & margins set in js as it wasn't possible to get the layout we needed just with css. It looks at the height of the header & footer bars to do this but the extra css (and icons) that could change these heights weren't always loaded when it was calculating. It now waits for all this to load first. I've tested it in FF, Chrome, IE11, iPad Safari and it seems ok now (for full screen anyway).\r\n\r\nYour 3 steps make sense. Ideally it would be best to have one central file but I understand why you say it might not work. is it over complicating things to have one responsivetext.css file and then only have a responsivetext.css file in a theme if it does need to be different in someway? I take it that the responsive code in each theme is the same at the moment?"}}