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

semantic names for indicator icons...

semantic names for indicator icons For all of the discussion that we had about what kind of icons should and should not be used to indicate what mode the notebook is in, we never went through to make it possible to override it. With this change, it is now possible to override what icons are displayed for Command and Edit Modes. For example, @minrk liked the fighter-jet icon for Command Mode, so he can put this in his custom.css .ipython-command-mode:before { content: "\f0fb"; }

Paul Ivanov - - Load All Authors

File last commit:

r15806:6b3b303a


                r15806:6b3b303a

Download file

             notificationarea.less
        
                    26 lines
            
             | 399 B
            
                | text/x-less
            
             |
                LessCssLexer
            
             / IPython / html / static / notebook / less / notificationarea.less
          
                    History
                
                 |
                  Source
                 | Raw
                 |Copy content
                 |Copy permalink

        Brian E. Granger
    
Splitting notebook.less into separate files.

              r10730
            
      #notification_area {

          z-index: 10;

      }

        Brian E. Granger
    
Add edit/command mode indicator.

              r15115
            
      .indicator_area {

          color: @navbarLinkColor;

          padding: 4px 3px;

          margin: 0px;

          width: 11px;

          z-index: 10;

        Brian E. Granger
    
Spinning sun + nothing for command mode.

              r15128
            
          text-align: center;

        Brian E. Granger
    
Add edit/command mode indicator.

              r15115
            
      }

      #kernel_indicator {

          // Pull it to the right, outside the container boundary

          margin-right: -16px;

      }

        Paul Ivanov
    
semantic names for indicator icons...

              r15806
            
      .ipython-edit-mode:before {

           .icon(@pencil);

      }

      .ipython-command-mode:before {

           .icon(' ');

      }

	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

Brian E. Granger Splitting notebook.less into separate files.	r10730	#notification_area {
		z-index: 10;
		}
Brian E. Granger Add edit/command mode indicator.	r15115
		.indicator_area {
		color: @navbarLinkColor;
		padding: 4px 3px;
		margin: 0px;
		width: 11px;
		z-index: 10;
Brian E. Granger Spinning sun + nothing for command mode.	r15128	text-align: center;
Brian E. Granger Add edit/command mode indicator.	r15115	}

		#kernel_indicator {
		// Pull it to the right, outside the container boundary
		margin-right: -16px;
		}

Paul Ivanov semantic names for indicator icons...	r15806	.ipython-edit-mode:before {
		.icon(@pencil);
		}

		.ipython-command-mode:before {
		.icon(' ');
		}