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

rework css media-query...

rework css media-query fixes Also limit the number of query "jump", and use variables. In particular there was a container width discontinuity at 768 pixel where below 768 container width is 100% and "only" 720px on wider screen, making a jump. So now Css media query have 3 breakpoints: - <540 px with (aka -no name-) - colapsed menubar - vbox for prompt - 100% width container - 540 -> 767 (aka -xs- ) - expand menubar - hbox fro prompt - 767 -> 991 (aka -sm-) - show save widget - fix width (768px) - 991+ (aka -md-) - extra save widget info (date time) - fix with of 991 px. - 1200+ (aka -lg-) - widht of 1200px. of course we've set soem variable wrongly so this is still kinda-a-hack as we shoudl have pushed the xs-sm limit lower instead of pushing the nothing-xs limit up but I don't want to "fix it" now.

Bussonnier Matthias - - Load All Authors

File last commit:

r19652:492e9645


                r19953:21dc9b62

Download file

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

      /* CSS for the cell toolbar */

      @celltoolbar-height: 29px;

      .celltoolbar {

          border: thin solid #CFCFCF;

          border-bottom: none;

          background : #EEE;

          border-radius : @border-radius-base @border-radius-base 0px 0px;

          width:100%;

          -webkit-box-pack: end;

          height: @celltoolbar-height;

          padding-right: 4px;

          .hbox();

          .end();

          @media print{

              display: none;

          }

      }

      .ctb_hideshow {

          display:none;

          vertical-align:bottom;

      }

      /* ctb_show is added to the ctb_hideshow div to show the cell toolbar.

         Cell toolbars are only shown when the ctb_global_show class is also set.

      */

      .ctb_global_show .ctb_show.ctb_hideshow {

          display: block;

      }

      .ctb_global_show .ctb_show + .input_area,

      .ctb_global_show .ctb_show + div.text_cell_input

      {

          border-top-right-radius: 0px;

          border-top-left-radius: 0px;

      }

      .celltoolbar {

          font-size: 87%;

          padding-top: 3px;

      }

      .celltoolbar select {

          .form-control();

          .input-sm();

          width: inherit;

          font-size: 87%;

          height: 22px;

          display: inline-block;

      }

      .celltoolbar label {

          margin-left: 5px;

          margin-right: 5px;

      }

	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

				/* CSS for the cell toolbar */
				@celltoolbar-height: 29px;

				.celltoolbar {
				border: thin solid #CFCFCF;
				border-bottom: none;
				background : #EEE;
				border-radius : @border-radius-base @border-radius-base 0px 0px;
				width:100%;
				-webkit-box-pack: end;
				height: @celltoolbar-height;
				padding-right: 4px;
				.hbox();
				.end();
				@media print{
				display: none;
				}
				}


				.ctb_hideshow {
				display:none;
				vertical-align:bottom;
				}

				/* ctb_show is added to the ctb_hideshow div to show the cell toolbar.
				Cell toolbars are only shown when the ctb_global_show class is also set.
				*/
				.ctb_global_show .ctb_show.ctb_hideshow {
				display: block;
				}

				.ctb_global_show .ctb_show + .input_area,
				.ctb_global_show .ctb_show + div.text_cell_input
				{
				border-top-right-radius: 0px;
				border-top-left-radius: 0px;
				}

				.celltoolbar {
				font-size: 87%;
				padding-top: 3px;
				}

				.celltoolbar select {
				.form-control();
				.input-sm();
				width: inherit;
				font-size: 87%;
				height: 22px;
				display: inline-block;

				}

				.celltoolbar label {
				margin-left: 5px;
				margin-right: 5px;
				}