get rid of some jq-ui- style

This commit is contained in:
Matthias BUSSONNIER 2014-08-03 18:28:31 +02:00
parent 78918ba827
commit 7752320295
7 changed files with 72 additions and 10 deletions

View File

@ -397,7 +397,7 @@ define([
return function(div, cell, celltoolbar) {
var button_container = $(div);
var lbl = $("<label/>").append($('<span/>').text(label));
var select = $('<select/>').addClass('ui-widget ui-widget-content');
var select = $('<select/>');
for(var i=0; i < list_list.length; i++){
var opt = $('<option/>')
.attr('value', list_list[i][1])

View File

@ -136,7 +136,6 @@ define([
.append($('<select/>')
.attr('id','cell_type')
.addClass('form-control select-xs')
// .addClass('ui-widget-content')
.append($('<option/>').attr('value','code').text('Code'))
.append($('<option/>').attr('value','markdown').text('Markdown'))
.append($('<option/>').attr('value','raw').text('Raw NBConvert'))
@ -153,7 +152,6 @@ define([
MainToolBar.prototype.add_celltoolbar_list = function () {
var label = $('<span/>').addClass("navbar-text").text('Cell Toolbar:');
var select = $('<select/>')
// .addClass('ui-widget-content')
.attr('id', 'ctb_select')
.addClass('form-control select-xs')
.append($('<option/>').attr('value', '').text('None'));

View File

@ -33,8 +33,6 @@ define([
};
NotificationArea.prototype.temp_message = function (msg, timeout, css_class) {
if( css_class == 'danger') {css_class = 'ui-state-error';}
if( css_class == 'warning') {css_class = 'ui-state-highlight';}
var tdiv = $('<div>')
.addClass('notification_widget')
.addClass(css_class)

View File

@ -30,11 +30,6 @@ define([
this.element.find('span#notebook_name').click(function () {
that.rename_notebook();
});
this.element.find('span#notebook_name').hover(function () {
$(this).addClass("ui-state-hover");
}, function () {
$(this).removeClass("ui-state-hover");
});
this.events.on('notebook_loaded.Notebook', function () {
that.update_notebook_name();
that.update_document_title();

View File

@ -39,8 +39,13 @@
}
.celltoolbar select {
.form-control();
.input-sm();
width: inherit;
font-size: 87%;
height: 22px;
display: inline-block;
}
.celltoolbar label {

View File

@ -25,6 +25,12 @@ span#notebook_name {
padding: 3px;
border: none;
font-size: 146.5%;
&:hover{
// ensure body is lighter on dark palette,
// and vice versa
background-color:contrast(@body-bg, lighten(@body-bg,30%), darken(@body-bg,10%));
}
.corner-all;
}
div#notebook_panel {

View File

@ -9637,6 +9637,10 @@ span#notebook_name {
padding: 3px;
border: none;
font-size: 146.5%;
border-radius: 4px;
}
span#notebook_name:hover {
background-color: #e6e6e6;
}
div#notebook_panel {
margin: 0px 0px 0px 0px;
@ -9751,8 +9755,64 @@ p {
padding-top: 3px;
}
.celltoolbar select {
display: block;
width: 100%;
height: 32px;
padding: 6px 12px;
font-size: 13px;
line-height: 1.42857143;
color: #555555;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
width: inherit;
font-size: 87%;
height: 22px;
display: inline-block;
}
.celltoolbar select:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.celltoolbar select::-moz-placeholder {
color: #999999;
opacity: 1;
}
.celltoolbar select:-ms-input-placeholder {
color: #999999;
}
.celltoolbar select::-webkit-input-placeholder {
color: #999999;
}
.celltoolbar select[disabled],
.celltoolbar select[readonly],
fieldset[disabled] .celltoolbar select {
cursor: not-allowed;
background-color: #eeeeee;
opacity: 1;
}
textarea.celltoolbar select {
height: auto;
}
select.celltoolbar select {
height: 30px;
line-height: 30px;
}
textarea.celltoolbar select,
select[multiple].celltoolbar select {
height: auto;
}
.celltoolbar label {
margin-left: 5px;