jupyter-themes icon indicating copy to clipboard operation
jupyter-themes copied to clipboard

Text in code cell is cut off on right side

Open franciszekjuras opened this issue 5 years ago • 4 comments

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.

franciszekjuras avatar Feb 22 '20 11:02 franciszekjuras

I can confirm this in Firefox.

pythonic2020 avatar Feb 23 '20 16:02 pythonic2020

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

cymonk avatar Jul 03 '20 11:07 cymonk

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

gitresetdev avatar Aug 17 '20 20:08 gitresetdev

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

punkuotukas avatar Nov 22 '22 18:11 punkuotukas