Move upload to the right and dynamic buttons to the left.

This commit is contained in:
Jonathan Frederic 2015-03-02 17:27:23 -08:00
parent 1c09425838
commit 94a8d09dfc
3 changed files with 32 additions and 35 deletions

View File

@ -1,29 +1,26 @@
/* We need an invisible input field on top of the sentense*/
/* "Drag file onto the list ..." */
.alternate_upload
{
.alternate_upload {
background-color:none;
display: inline;
}
.alternate_upload.form
{
padding: 0;
margin:0;
}
&.form
{
padding: 0;
margin:0;
}
.alternate_upload input.fileinput
{
display: inline;
opacity: 0;
z-index: 2;
width: 12ex;
margin-right: -12ex;
}
input.fileinput
{
display: inline;
opacity: 0;
z-index: 2;
width: 12ex;
margin-right: -12ex;
}
.alternate_upload .input-overlay {
display: inline-block;
font-weight: bold;
line-height:1em;
.btn-upload {
height: @btn_mini_height;
}
}

View File

@ -49,6 +49,7 @@ ul.breadcrumb {
}
.dynamic-buttons {
padding-top: @dashboard_tb_pad - 1px;
display: inline-block;
}

View File

@ -25,24 +25,23 @@ data-terminals-available="{{terminals_available}}"
<div id="notebooks" class="tab-pane active">
<div id="notebook_toolbar" class="row">
<div class="col-sm-8 no-padding">
<form id='alternate_upload' class='alternate_upload'>
<span id="notebook_list_info">
To import a notebook, drag the file onto the listing below or
<span class="input-overlay">
<input type="file" name="datafile" class="fileinput" multiple='multiple'>
click here.
</span>
</span>
</form>
<div class="dynamic-buttons">
<button title="Duplicate selected" class="duplicate-button btn btn-default btn-xs">Duplicate</button>
<button title="Rename selected" class="rename-button btn btn-default btn-xs">Rename</button>
<button title="Shutdown selected notebook(s)" class="shutdown-button btn btn-default btn-xs btn-warning">Shutdown</button>
<button title="Deleted selected" class="delete-button btn btn-default btn-xs btn-danger"><i class="fa fa-trash"></i></button>
</div>
</div>
<div class="col-sm-4 no-padding tree-buttons">
<div class="pull-right">
<div class="dynamic-buttons">
<button title="Duplicate selected" class="duplicate-button btn btn-default btn-xs">Duplicate</button>
<button title="Rename selected" class="rename-button btn btn-default btn-xs">Rename</button>
<button title="Shutdown selected notebook(s)" class="shutdown-button btn btn-default btn-xs btn-warning">Shutdown</button>
<button title="Deleted selected" class="delete-button btn btn-default btn-xs btn-danger"><i class="fa fa-trash"></i></button>
</div>
<form id='alternate_upload' class='alternate_upload'>
<span id="notebook_list_info">
<span class="btn btn-xs btn-default btn-upload">
<input type="file" name="datafile" class="fileinput" multiple='multiple'>
Upload
</span>
</span>
</form>
<div id="new-buttons" class="btn-group">
<button class="dropdown-toggle btn btn-default btn-xs" data-toggle="dropdown">
<span>New</span>