upstream/ipython Files · IPython/html/static/notebook/less/textcell.less

Adding prompt area to non-CodeCells to indent content....

Adding prompt area to non-CodeCells to indent content. This is a reponse to the problem of having really long lines in Markdown cells, which makes the content difficult to read. Users want wide code cells, so we don't want to narrow everything. The solution here is to give a prompt area to the heading/md cells to narrow their content area slightly. The only problem is that this makes it more difficult to distinguish between output and md content that follows that output. The solve this, we are adding a narrow line between output and following md.

Brian E. Granger - - Load All Authors

File last commit:

r13776:e285883b


                r13776:e285883b

Download file

             textcell.less
        
                    38 lines
            
             | 689 B
            
                | text/x-less
            
             |
                LessCssLexer
            
             / IPython / html / static / notebook / less / textcell.less
          
                    History
                
                 |
                  Source
                 | Raw
                 |Copy content
                 |Copy permalink

        Brian E. Granger
    
Splitting notebook.less into separate files.

              r10730
            
      div.text_cell {

          padding: 5px 5px 5px 5px;

        Brian E. Granger
    
Adding prompt area to non-CodeCells to indent content....

              r13776
            
          .hbox();

        Brian E. Granger
    
Splitting notebook.less into separate files.

              r10730
            
      }

      div.text_cell_input {

          color: @textColor;

          border: 1px solid @light_border_color;

          .corner-all;

          background: @cell_background;

      }

      div.text_cell_render {

          /*font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/

          outline: none;

          resize: none;

          width:  inherit;

          border-style: none;

          padding: 5px;

          color: @textColor;

      }

        MinRK
    
move anchor-link off of heading text...

              r10751
            
      a.anchor-link:link {

        text-decoration: none;

        padding: 0px 20px;

        MinRK
    
toggle heading-link visibility with CSS alone

              r10819
            
        visibility: hidden;

        MinRK
    
move anchor-link off of heading text...

              r10751
            
      }

        MinRK
    
toggle heading-link visibility with CSS alone

              r10819
            
        Matthias BUSSONNIER
    
restore anchore on h2-h6 links

              r10845
            
      h1,h2,h3,h4,h5,h6 {

          &:hover .anchor-link {

              visibility: visible;

          }

      }

        Brian E. Granger
    
Adding prompt area to non-CodeCells to indent content....

              r13776
            
      .code_cell + .text_cell .inner_cell {

          border-top: 1px solid @border_color;

      }

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages

Brian E. Granger Splitting notebook.less into separate files.	r10730	div.text_cell {
		padding: 5px 5px 5px 5px;
Brian E. Granger Adding prompt area to non-CodeCells to indent content....	r13776	.hbox();
Brian E. Granger Splitting notebook.less into separate files.	r10730	}

		div.text_cell_input {
		color: @textColor;
		border: 1px solid @light_border_color;
		.corner-all;
		background: @cell_background;
		}

		div.text_cell_render {
		/font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;/
		outline: none;
		resize: none;
		width: inherit;
		border-style: none;
		padding: 5px;
		color: @textColor;
		}

MinRK move anchor-link off of heading text...	r10751	a.anchor-link:link {
		text-decoration: none;
		padding: 0px 20px;
MinRK toggle heading-link visibility with CSS alone	r10819	visibility: hidden;
MinRK move anchor-link off of heading text...	r10751	}
MinRK toggle heading-link visibility with CSS alone	r10819
Matthias BUSSONNIER restore anchore on h2-h6 links	r10845	h1,h2,h3,h4,h5,h6 {
		&:hover .anchor-link {
		visibility: visible;
		}
		}
Brian E. Granger Adding prompt area to non-CodeCells to indent content....	r13776
		.code_cell + .text_cell .inner_cell {
		border-top: 1px solid @border_color;
		}