{"action":"created","issue":{"url":"https://api.github.com/repos/jupyter/nbviewer/issues/440","labels_url":"https://api.github.com/repos/jupyter/nbviewer/issues/440/labels{/name}","comments_url":"https://api.github.com/repos/jupyter/nbviewer/issues/440/comments","events_url":"https://api.github.com/repos/jupyter/nbviewer/issues/440/events","html_url":"https://github.com/jupyter/nbviewer/issues/440","id":66454771,"number":440,"title":"Text clipping in Firefox when notebook uses custom CSS","user":{"login":"poulson","id":129293,"avatar_url":"https://avatars.githubusercontent.com/u/129293?v=3","gravatar_id":"","url":"https://api.github.com/users/poulson","html_url":"https://github.com/poulson","followers_url":"https://api.github.com/users/poulson/followers","following_url":"https://api.github.com/users/poulson/following{/other_user}","gists_url":"https://api.github.com/users/poulson/gists{/gist_id}","starred_url":"https://api.github.com/users/poulson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/poulson/subscriptions","organizations_url":"https://api.github.com/users/poulson/orgs","repos_url":"https://api.github.com/users/poulson/repos","events_url":"https://api.github.com/users/poulson/events{/privacy}","received_events_url":"https://api.github.com/users/poulson/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-04-05T16:28:01Z","updated_at":"2015-04-05T18:30:27Z","closed_at":"2015-04-05T17:08:54Z","body":"It seems that if custom CSS is loaded into a notebook, even if the text from markdown displays properly in the local notebook, the rendering on nbviewer can cause clipping on the right border of up to about 1.5 letters from Firefox in Ubuntu. See, for example, the attached image, which is a rendering of\r\n\r\nhttp://nbviewer.ipython.org/github/ketch/teaching-numerics-with-notebooks/blob/master/Styling_notebooks.ipynb\r\n\r\n@ahmadia @ketch\r\n\r\n![styleclipping](https://cloud.githubusercontent.com/assets/129293/6997597/fbee1726-db75-11e4-96ff-c1f3297a87b3.png)"},"comment":{"url":"https://api.github.com/repos/jupyter/nbviewer/issues/comments/89829267","html_url":"https://github.com/jupyter/nbviewer/issues/440#issuecomment-89829267","issue_url":"https://api.github.com/repos/jupyter/nbviewer/issues/440","id":89829267,"user":{"login":"Carreau","id":335567,"avatar_url":"https://avatars.githubusercontent.com/u/335567?v=3","gravatar_id":"","url":"https://api.github.com/users/Carreau","html_url":"https://github.com/Carreau","followers_url":"https://api.github.com/users/Carreau/followers","following_url":"https://api.github.com/users/Carreau/following{/other_user}","gists_url":"https://api.github.com/users/Carreau/gists{/gist_id}","starred_url":"https://api.github.com/users/Carreau/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Carreau/subscriptions","organizations_url":"https://api.github.com/users/Carreau/orgs","repos_url":"https://api.github.com/users/Carreau/repos","events_url":"https://api.github.com/users/Carreau/events{/privacy}","received_events_url":"https://api.github.com/users/Carreau/received_events","type":"User","site_admin":false},"created_at":"2015-04-05T18:30:27Z","updated_at":"2015-04-05T18:30:27Z","body":"Yes, I know and I will write a blog post about that. \r\n\r\nUsing this way of injecting css is horendous for us. We **will** change the html structure of nbviewer. \r\nNbviewer html **will be different** from live notebook. People want custom css and don't want to help providing the infrasctucture in IPython/jupyter itself to it, fine. But I at least won't help fixing the issues of people styling this the wrong.\r\n\r\nI've started to write of a [proper way to support custom css](http://carreau.github.io/posts/02-css-selector.html) on notebook almost 2 years ago, and have ideas on how to have it on nbviewer (metadata with theme name or URL that could be upated). But nobody cares, and I'm starting to think I don't care of people not doing thing the right way. You care about software sustainaibility, and notebook are great for that. We push reusing of libs, but no, design is not worth it, lets copy and past, and make things that won't be compatible. \r\n\r\nIf we start getting too much bug report from people reading file and embedding css we might just strip it from the page at some point in the future. \r\n\r\nSo sorry if it's negative, but every person that use this way of embeding css shoot him/herself in the foot, \r\nprevent people from converting notebook to PDF or other non-html format. Will make notebooks unreadable in  a future version of IPython, give us extra maintaining cost, lost time to respond to issue now and in the future.\r\n\r\nWe would be **really** but **really** happy to have [people actually](https://github.com/jupyter/design/issues/10) working on the default design of the notebook itself. But apparently nobody cares, and just prefer to complain.\r\n\r\nI'll write my though later when I'm a little more calm otherwise it will just finish in swear words. "}}