Jupyter-themes: Border not left alignment between markdown and code cells.

Created on 18 Dec 2017 · 3Comments · Source: dunovank/jupyter-themes

default

Source

Peydon

👍4

Most helpful comment

Managed to temporary fix this untill it gets fixed correctly by playing around with some numbers and changing div.prompt.input_prompt in cells.less in jupyterthemes/layout by removing 2 lines and adding 2 lines

div.prompt.input_prompt {
    .
    .
    .
    /*
    min-width: @prompt-min-width;
    width: @prompt-min-width !important;

    if these numbers don't work for you just play around with them, 
    and make sure you re-apply the theme after every change
    */
    min-width: 11.7ex !important;
    max-width: 11.7ex;
}

and by adding padding-right: 10px; in a block in codemirror.less to fix the line numbers in markdown edit mode
css .CodeMirror-linenumber, div.CodeMirror-linenumber, .CodeMirror-gutter.CodeMirror-linenumber div.CodeMirror-gutter.CodeMirror-linenumber { . . . padding-right: 10px; }

after saving, just re-apply the theme with jt -t
capture

medicm on 3 Jan 2018

👍3

All 3 comments

Same problem here

ghost on 20 Dec 2017

👍2

div.prompt.input_prompt {
    .
    .
    .
    /*
    min-width: @prompt-min-width;
    width: @prompt-min-width !important;

    if these numbers don't work for you just play around with them, 
    and make sure you re-apply the theme after every change
    */
    min-width: 11.7ex !important;
    max-width: 11.7ex;
}

after saving, just re-apply the theme with jt -t
capture

medicm on 3 Jan 2018

👍3

Same problem here :(