diff --git a/IPython/html/static/notebook/js/kernelselector.js b/IPython/html/static/notebook/js/kernelselector.js index ea035f75c..e4abda7a2 100644 --- a/IPython/html/static/notebook/js/kernelselector.js +++ b/IPython/html/static/notebook/js/kernelselector.js @@ -32,7 +32,6 @@ define([ KernelSelector.prototype._got_kernelspecs = function(data) { this.kernelspecs = data.kernelspecs; - var menu = this.element.find("#kernel_selector"); var change_kernel_submenu = $("#menu-change-kernel-submenu"); var keys = Object.keys(data.kernelspecs).sort(function (a, b) { // sort by display_name @@ -48,12 +47,6 @@ define([ }); for (var i = 0; i < keys.length; i++) { var ks = this.kernelspecs[keys[i]]; - var ksentry = $("
x'+ 'x'+ diff --git a/IPython/html/static/notebook/less/kernelselector.less b/IPython/html/static/notebook/less/kernelselector.less index 44159c64c..50f7a74ba 100644 --- a/IPython/html/static/notebook/less/kernelselector.less +++ b/IPython/html/static/notebook/less/kernelselector.less @@ -1,16 +1,9 @@ -#kernel_selector_widget { +#kernel_logo_widget { margin-right: 1em; - float: right; - - & > button { - .btn-default(); - - & > span.caret { - margin-top:0px; - } - } + .pull-right(); & > img#current_kernel_logo { + .navbar-vertical-align(32px); width: 32px; height: 32px; } diff --git a/IPython/html/static/notebook/less/notificationarea.less b/IPython/html/static/notebook/less/notificationarea.less index 6aec1c112..2679d2455 100644 --- a/IPython/html/static/notebook/less/notificationarea.less +++ b/IPython/html/static/notebook/less/notificationarea.less @@ -15,6 +15,13 @@ #kernel_indicator { .pull-right(); .indicator_area(); + width: auto; + border-left: 1px solid; + + .kernel_indicator_name { + padding-left: 5px; + padding-right: 5px; + } } #modal_indicator { diff --git a/IPython/html/static/style/style.min.css b/IPython/html/static/style/style.min.css index 9ea181a0c..b246e01b7 100644 --- a/IPython/html/static/style/style.min.css +++ b/IPython/html/static/style/style.min.css @@ -9672,55 +9672,14 @@ select[multiple].celltoolbar select { .completions select option.context { color: #3071a9; } -#kernel_selector_widget { +#kernel_logo_widget { margin-right: 1em; + float: right !important; float: right; } -#kernel_selector_widget > button { - color: #333333; - background-color: #ffffff; - border-color: #cccccc; -} -#kernel_selector_widget > button:hover, -#kernel_selector_widget > button:focus, -#kernel_selector_widget > button:active, -#kernel_selector_widget > button.active, -.open .dropdown-toggle#kernel_selector_widget > button { - color: #333333; - background-color: #ebebeb; - border-color: #adadad; -} -#kernel_selector_widget > button:active, -#kernel_selector_widget > button.active, -.open .dropdown-toggle#kernel_selector_widget > button { - background-image: none; -} -#kernel_selector_widget > button.disabled, -#kernel_selector_widget > button[disabled], -fieldset[disabled] #kernel_selector_widget > button, -#kernel_selector_widget > button.disabled:hover, -#kernel_selector_widget > button[disabled]:hover, -fieldset[disabled] #kernel_selector_widget > button:hover, -#kernel_selector_widget > button.disabled:focus, -#kernel_selector_widget > button[disabled]:focus, -fieldset[disabled] #kernel_selector_widget > button:focus, -#kernel_selector_widget > button.disabled:active, -#kernel_selector_widget > button[disabled]:active, -fieldset[disabled] #kernel_selector_widget > button:active, -#kernel_selector_widget > button.disabled.active, -#kernel_selector_widget > button[disabled].active, -fieldset[disabled] #kernel_selector_widget > button.active { - background-color: #ffffff; - border-color: #cccccc; -} -#kernel_selector_widget > button .badge { - color: #ffffff; - background-color: #333333; -} -#kernel_selector_widget > button > span.caret { - margin-top: 0px; -} -#kernel_selector_widget > img#current_kernel_logo { +#kernel_logo_widget > img#current_kernel_logo { + margin-top: -1px; + margin-bottom: -1px; width: 32px; height: 32px; } @@ -9816,6 +9775,12 @@ ul#help_menu li a i { width: 11px; z-index: 10; text-align: center; + width: auto; + border-left: 1px solid; +} +#kernel_indicator .kernel_indicator_name { + padding-left: 5px; + padding-right: 5px; } #modal_indicator { float: right !important; diff --git a/IPython/html/templates/notebook.html b/IPython/html/templates/notebook.html index bdfe6610c..af2f6d1e1 100644 --- a/IPython/html/templates/notebook.html +++ b/IPython/html/templates/notebook.html @@ -42,16 +42,9 @@ class="notebook_app" -- -+ +- - -
+ {% endblock headercontainer %} @@ -65,6 +58,7 @@ class="notebook_app"