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

Backport PR : Fix interact animation page jump FF...

Backport PR : Fix interact animation page jump FF Firefox doesn't render images immediately as the data is available. When animating the way that we animate, this causes the output area to collapse quickly before returning to its original size. When the output area collapses, FireFox scrolls upwards in attempt to compensate for the lost vertical content (so it looks like you are on the same spot in the page, with respect to the contents below the image's prior location). The solution is to resize the image output after the `img onload` event has fired. This PR: - Releases the `clear_output` height lock after the image has been loaded (instead of immediately or using a timeout). - Removes a `setTimeout` call in the `append_output` method. - `clear_output` in zmqshell no longer sends `\r` to the stream outputs. closes

MinRK - - Load All Authors

File last commit:

r15966:0f1d6c70


                r16229:ff1462d3

Download file

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

      body {

          background-color:   @bodyBackground;

      }

      body.notebook_app {

          overflow: hidden;

      }

      @media (max-width: 767px) {

          // remove bootstrap-responsive's body padding on small screens

          body.notebook_app {

              padding-left: 0px;

              padding-right: 0px;

          }

      }

      span#notebook_name {

          height: 1em;

          line-height: 1em;

          padding: 3px;

          border: none;

          font-size: 146.5%;

      }

      div#notebook_panel {

          margin: 0px 0px 0px 0px;

          padding: 0px;

          .box-shadow(0 -1px 10px rgba(0,0,0,.1));

      }

      div#notebook {

          font-size: @notebook_font_size;

          line-height: @notebook_line_height;

          overflow-y: scroll;

          overflow-x: auto;

          width: 100%;

          /* This spaces the cell away from the edge of the notebook area */

          padding: 1em 0 1em 0;

          margin: 0px;

          border-top: 1px solid @border_color;

          outline: none;

          .border-box-sizing();

      }

      div.ui-widget-content {

          border: 1px solid @border_color;

          outline: none;

      }

      pre.dialog {

          background-color: @cell_background;

          border: 1px solid #ddd;

          .corner-all;

          padding: 0.4em;

          padding-left: 2em;

      }

      p.dialog {

          padding : 0.2em;

      }

      /* Word-wrap output correctly.  This is the CSS3 spelling, though Firefox seems

         to not honor it correctly.  Webkit browsers (Chrome, rekonq, Safari) do.

       */

      pre, code, kbd, samp { white-space: pre-wrap; }

      #fonttest {

          font-family: @monoFontFamily;

      }

      p {

          margin-bottom:0;

      }

      .end_space {

          height: 200px;

      }

	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


				body {
				background-color: @bodyBackground;
				}

				body.notebook_app {
				overflow: hidden;
				}

				@media (max-width: 767px) {
				// remove bootstrap-responsive's body padding on small screens
				body.notebook_app {
				padding-left: 0px;
				padding-right: 0px;
				}
				}

				span#notebook_name {
				height: 1em;
				line-height: 1em;
				padding: 3px;
				border: none;
				font-size: 146.5%;
				}

				div#notebook_panel {
				margin: 0px 0px 0px 0px;
				padding: 0px;
				.box-shadow(0 -1px 10px rgba(0,0,0,.1));
				}
				div#notebook {
				font-size: @notebook_font_size;
				line-height: @notebook_line_height;
				overflow-y: scroll;
				overflow-x: auto;
				width: 100%;
				/* This spaces the cell away from the edge of the notebook area */
				padding: 1em 0 1em 0;
				margin: 0px;
				border-top: 1px solid @border_color;
				outline: none;
				.border-box-sizing();
				}

				div.ui-widget-content {
				border: 1px solid @border_color;
				outline: none;
				}

				pre.dialog {
				background-color: @cell_background;
				border: 1px solid #ddd;
				.corner-all;
				padding: 0.4em;
				padding-left: 2em;
				}

				p.dialog {
				padding : 0.2em;
				}

				/* Word-wrap output correctly. This is the CSS3 spelling, though Firefox seems
				to not honor it correctly. Webkit browsers (Chrome, rekonq, Safari) do.
				*/
				pre, code, kbd, samp { white-space: pre-wrap; }

				#fonttest {
				font-family: @monoFontFamily;
				}

				p {
				margin-bottom:0;
				}

				.end_space {
				height: 200px;
				}