46 lines
948 B
Plaintext
46 lines
948 B
Plaintext
/* ------------------------------------------------------------------------------
|
|
*
|
|
* # Row Reorder extension
|
|
*
|
|
* RowReorder adds the ability for rows in a DataTable to be reordered through
|
|
* user interaction with the table.
|
|
*
|
|
* Version: 1.0
|
|
* Latest update: Nov 10, 2015
|
|
*
|
|
* ---------------------------------------------------------------------------- */
|
|
|
|
|
|
// Base
|
|
// ------------------------------
|
|
|
|
// The movable row
|
|
.dt-rowReorder-float {
|
|
position: absolute!important;
|
|
table-layout: static;
|
|
outline: 1px dashed @color-grey-500;
|
|
outline-offset: -1px;
|
|
background-color: #fff;
|
|
z-index: @zindex-navbar-fixed;
|
|
cursor: move;
|
|
.opacity(0.9);
|
|
}
|
|
|
|
// The target row
|
|
.dt-rowReorder-moving {
|
|
outline: 1px solid @color-grey-500;
|
|
outline-offset: -1px;
|
|
}
|
|
|
|
// Hide overflow from <body> tag when moving
|
|
.dt-rowReorder-noOverflow {
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
// Reorder cell
|
|
.dataTable td.reorder {
|
|
text-align: center;
|
|
cursor: move;
|
|
}
|
|
|