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

Use low overhead object heritence in Js (Object.create vs new)...

Use low overhead object heritence in Js (Object.create vs new) the use of XX.prototype = new YY(); Does trigger the constructor of YY without the nead for it. `Object.create` does go around this limitation and target browser that are relatively Old. Cf https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/create for more info It might help to get rid of some logic in constructors that check wether some options are passed in, that were causing errors on noteboko load. Typically `if(element){ }` on Abstract `Cell` constructor.

Matthias BUSSONNIER - - Load All Authors

File last commit:

r17422:c49778be


                r18377:848742ff

Download file

             cell.less
        
                    63 lines
            
             | 1.6 KiB
            
                | text/x-less
            
             |
                LessCssLexer
            
             / IPython / html / static / notebook / less / cell.less
          
                    History
                
                 |
                  Annotation
                 | Raw
                 |Copy content
                 |Copy permalink

      div.cell {

          border: 1px solid transparent;

          .vbox();

          .corner-all();

          .border-box-sizing();

          border-width: thin;

          border-style: solid;

          &.selected {

              border-color: @border_color;

          }

          &.edit_mode {

              border-color: green;

          }

          width: 100%;

          padding: 5px 5px 5px 0px;

          /* This acts as a spacer between cells, that is outside the border */

          margin: 0px;

          outline: none;

      }

      div.prompt {

          /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */

          min-width: 15ex;

          /* This padding is tuned to match the padding on the CodeMirror editor. */

          padding: @code_padding;

          margin: 0px;

          font-family: @font-family-monospace;

          text-align: right;

          /* This has to match that of the the CodeMirror class line-height below */	

          line-height: @code_line_height;

      }

      @media (max-width: 480px) {

          // prompts are in the main column on small screens,

          // so text should be left-aligned

          div.prompt {

              text-align: left;

          }

      }

      div.inner_cell {

          .vbox();

          .box-flex1();

      }

      /* input_area and input_prompt must match in top border and margin for alignment */

      div.input_area {

          border: 1px solid @light_border_color;

          .corner-all;

          background: @cell_background;

          line-height: @code_line_height;

      }

      /* This is needed so that empty prompt areas can collapse to zero height when there

         is no content in the output_subarea and the prompt. The main purpose of this is

         to make sure that empty JavaScript output_subareas have no height. */

      div.prompt:empty {

          padding-top: 0;

          padding-bottom: 0;

      }

	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

				div.cell {
				border: 1px solid transparent;
				.vbox();
				.corner-all();
				.border-box-sizing();
				border-width: thin;
				border-style: solid;

				&.selected {
				border-color: @border_color;
				}

				&.edit_mode {
				border-color: green;
				}

				width: 100%;
				padding: 5px 5px 5px 0px;
				/* This acts as a spacer between cells, that is outside the border */
				margin: 0px;
				outline: none;
				}

				div.prompt {
				/* This needs to be wide enough for 3 digit prompt numbers: In[100]: */
				min-width: 15ex;
				/* This padding is tuned to match the padding on the CodeMirror editor. */
				padding: @code_padding;
				margin: 0px;
				font-family: @font-family-monospace;
				text-align: right;
				/* This has to match that of the the CodeMirror class line-height below */
				line-height: @code_line_height;
				}

				@media (max-width: 480px) {
				// prompts are in the main column on small screens,
				// so text should be left-aligned
				div.prompt {
				text-align: left;
				}
				}

				div.inner_cell {
				.vbox();
				.box-flex1();
				}

				/* input_area and input_prompt must match in top border and margin for alignment */
				div.input_area {
				border: 1px solid @light_border_color;
				.corner-all;
				background: @cell_background;
				line-height: @code_line_height;
				}

				/* This is needed so that empty prompt areas can collapse to zero height when there
				is no content in the output_subarea and the prompt. The main purpose of this is
				to make sure that empty JavaScript output_subareas have no height. */
				div.prompt:empty {
				padding-top: 0;
				padding-bottom: 0;
				}