upstream/ipython Files · IPython/nbconvert/templates/html/full.tpl

Reverse hscrollbar min-height hack on OS X...

Reverse hscrollbar min-height hack on OS X OS X has optional behavior to only draw scrollbars during scroll, which causes problems for CodeMirror's scrollbars. CodeMirror's solution is to set a minimum size for their scrollbars, which is always present. The trade is that the container overlays most of the last line, swallowing click events when there is scrolling to do, even when no scrollbar is visible. This reverses the trade, recovering the click events at the expense of never showing the horizontal scrollbar on OS X when this option is enabled.

Brian E. Granger - - Load All Authors

File last commit:

r15733:67701c01


                r20298:2907e856

Download file

             full.tpl
        
                    71 lines
            
             | 1.3 KiB
            
                | application/vnd.groove-tool-template
            
             |
                SmartyLexer
            
             / IPython / nbconvert / templates / html / full.tpl
          
                    History
                
                 |
                  Annotation
                 | Raw
                 |Copy content
                 |Copy permalink

      {%- extends 'basic.tpl' -%}

      {% from 'mathjax.tpl' import mathjax %}

      {%- block header -%}

      <!DOCTYPE html>

      <html>

      <head>

      <meta charset="utf-8" />

      <title>{{resources['metadata']['name']}}</title>

      <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.min.js"></script>

      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

      {% for css in resources.inlining.css -%}

          <style type="text/css">

          {{ css }}

          </style>

      {% endfor %}

      <style type="text/css">

      /* Overrides of notebook CSS for static HTML export */

      body {

        overflow: visible;

        padding: 8px;

      }

      div#notebook {

        overflow: visible;

        border-top: none;

      }

      @media print {

        div.cell {

          display: block;

          page-break-inside: avoid;

        } 

        div.output_wrapper { 

          display: block;

          page-break-inside: avoid; 

        }

        div.output { 

          display: block;

          page-break-inside: avoid; 

        }

      }

      </style>

      <!-- Custom stylesheet, it must be in the same directory as the html file -->

      <link rel="stylesheet" href="custom.css">

      <!-- Loading mathjax macro -->

      {{ mathjax() }}

      </head>

      {%- endblock header -%}

      {% block body %}

      <body>

        <div tabindex="-1" id="notebook" class="border-box-sizing">

          <div class="container" id="notebook-container">

      {{ super() }}

          </div>

        </div>

      </body>

      {%- endblock body %}

      {% block footer %}

      </html>

      {% endblock footer %}

	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

				{%- extends 'basic.tpl' -%}
				{% from 'mathjax.tpl' import mathjax %}


				{%- block header -%}
				<!DOCTYPE html>
				<html>
				<head>

				<meta charset="utf-8" />
				<title>{{resources['metadata']['name']}}</title>

				<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.min.js"></script>
				<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

				{% for css in resources.inlining.css -%}
				<style type="text/css">
				{{ css }}
				</style>
				{% endfor %}

				<style type="text/css">
				/* Overrides of notebook CSS for static HTML export */
				body {
				overflow: visible;
				padding: 8px;
				}

				div#notebook {
				overflow: visible;
				border-top: none;
				}

				@media print {
				div.cell {
				display: block;
				page-break-inside: avoid;
				}
				div.output_wrapper {
				display: block;
				page-break-inside: avoid;
				}
				div.output {
				display: block;
				page-break-inside: avoid;
				}
				}
				</style>

				<!-- Custom stylesheet, it must be in the same directory as the html file -->
				<link rel="stylesheet" href="custom.css">

				<!-- Loading mathjax macro -->
				{{ mathjax() }}

				</head>
				{%- endblock header -%}

				{% block body %}
				<body>
				<div tabindex="-1" id="notebook" class="border-box-sizing">
				<div class="container" id="notebook-container">
				{{ super() }}
				</div>
				</div>
				</body>
				{%- endblock body %}

				{% block footer %}
				</html>
				{% endblock footer %}