search

dunovank / jupyter-themes

Custom Jupyter Notebook Themes
MIT License
9.74k stars 1.06k forks source link

Text in code cell is cut off on right side #377

Open franciszekjuras opened 4 years ago

franciszekjuras commented 4 years ago

I have the newest version (0.20) of jupyterthemes installed. I used this command to set up theme: jt -t grade3 -f firacode -fs 10 -tf georgiaserif -tfs 12 -nfs 10 -dfs 10 -ofs 10 -cellw 95% I also tried various different setting, with the same result: when code doesn't fit in cell width and you need to scroll it, the last character is cut off. I reproduced it in both Firefox and Edge as you can see on attached image. With stock jupyter theme this problem doesn't exist. cut Does anyone know, how to add some margin to code cells, to ensure that text is displayed properly? I already tried a bit with Firefox inspector, but my knowledge of css is rather limited and I couldn't find a solution.

pythonic2020 commented 4 years ago

I can confirm this in Firefox.

cymonk commented 4 years ago

can confirm cutoff in chromium, this solution worked for me: https://github.com/dunovank/jupyter-themes/issues/204

add padding-right: 1.2em; in .cm-s-ipython.CodeMirror to codemirror.less

gitresetdev commented 3 years ago

Thanks @cymonk I added that line and it worked in Firefox.

punkuotukas commented 1 year ago

can confirm cutoff in chromium, this solution worked for me: #204

add padding-right: 1.2em; in .cm-s-ipython.CodeMirror to codemirror.less

codemirror.less is not found when checking style editor