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

Remove $el_to_style from the widget javascript code; '' now defaults to this.$el...

Remove $el_to_style from the widget javascript code; '' now defaults to this.$el This seems to make it easiest to select the top-level element. An alternative is to use special syntax for top-level elements, like in https://github.com/ipython/ipython/pull/6185 This will be followed up by other fixes that let the user set specific common properties of different elements. This change also adds the .addBack() call, which means that nonempty selectors now apply to this.$el and its descendants, rather than just the descendants of this.$el.

Jason Grout - - Load All Authors

File last commit:

r17292:71d7642b


                r17420:69911d59

Download file

             codecell.less
        
                    44 lines
            
             | 1.0 KiB
            
                | text/x-less
            
             |
                LessCssLexer
            
             / IPython / html / static / notebook / less / codecell.less
          
                    History
                
                 |
                  Annotation
                 | Raw
                 |Copy content
                 |Copy permalink

      div.code_cell {

      }

      /* any special styling for code cells that are currently running goes here */

      div.code_cell.running {

      }

      div.input {

          page-break-inside: avoid;

          .hbox();

      }

      @media (max-width: 480px) {

          // move prompts above code on small screens

          div.input {

              .vbox();

          }

      }

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

      div.input_prompt {

          color: @input_prompt_color;

          border-top: 1px solid transparent;

      }

      // The styles related to div.highlight are for nbconvert HTML output only. This works

      // because the .highlight div isn't present in the live notebook. We could put this into

      // nbconvert, but it easily falls out of sync, can't use our less variables and doesn't

      // help the basic template when paired with our CSS.

      div.input_area > div.highlight {

          margin: @code_padding;

          border: none;

          padding: 0px;

          background-color: transparent;

      }

      div.input_area > div.highlight > pre {

          margin: 0px;

          border: none;

          padding: 0px;

          background-color: transparent;

      }

	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.code_cell {
				}

				/* any special styling for code cells that are currently running goes here */
				div.code_cell.running {
				}

				div.input {
				page-break-inside: avoid;
				.hbox();
				}

				@media (max-width: 480px) {
				// move prompts above code on small screens
				div.input {
				.vbox();
				}
				}

				/* input_area and input_prompt must match in top border and margin for alignment */
				div.input_prompt {
				color: @input_prompt_color;
				border-top: 1px solid transparent;
				}

				// The styles related to div.highlight are for nbconvert HTML output only. This works
				// because the .highlight div isn't present in the live notebook. We could put this into
				// nbconvert, but it easily falls out of sync, can't use our less variables and doesn't
				// help the basic template when paired with our CSS.

				div.input_area > div.highlight {
				margin: @code_padding;
				border: none;
				padding: 0px;
				background-color: transparent;
				}

				div.input_area > div.highlight > pre {
				margin: 0px;
				border: none;
				padding: 0px;
				background-color: transparent;
				}