upstream/ipython Files · IPython/html/static/notebook/less/completer.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.

Jonathan Frederic - - Load All Authors

File last commit:

r16912:30744239


                r19953:21dc9b62

Download file

             completer.less
        
                    25 lines
            
             | 501 B
            
                | text/x-less
            
             |
                LessCssLexer
            
             / IPython / html / static / notebook / less / completer.less
          
                    History
                
                 |
                  Annotation
                 | Raw
                 |Copy content
                 |Copy permalink

      .completions {

          position: absolute;

          z-index: 10;

          overflow: hidden;

          border: 1px solid @border_color;

          .corner-all;

          .box-shadow(0px 6px 10px -1px #adadad);

      }

      .completions select {

          background: white;

          outline: none;

          border: none;

          padding: 0px;

          margin: 0px;

          overflow: auto;

          font-family: @font-family-monospace;

          font-size: 110%;

          color: @text-color;

          width: auto;

      }

      .completions select option.context {

          color: darken(@brand-primary, 10%);

      }

	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

				.completions {
				position: absolute;
				z-index: 10;
				overflow: hidden;
				border: 1px solid @border_color;
				.corner-all;
				.box-shadow(0px 6px 10px -1px #adadad);
				}

				.completions select {
				background: white;
				outline: none;
				border: none;
				padding: 0px;
				margin: 0px;
				overflow: auto;
				font-family: @font-family-monospace;
				font-size: 110%;
				color: @text-color;
				width: auto;
				}

				.completions select option.context {
				color: darken(@brand-primary, 10%);
				}