Add some CSS during column resize to indicate which columns are fixed and which columns will change when you resize.

This commit is contained in:
Ralf Becker 2014-09-10 11:22:04 +00:00
parent bbc76fa4e1
commit 1c10588249
3 changed files with 19 additions and 2 deletions

View File

@ -386,6 +386,11 @@ var et2_dataview = Class.extend({
.attr("align", "left")
.append(cont)
.appendTo(this.headTr);
if(this.columnMgr && this.columnMgr.columns[i])
{
column.addClass(this.columnMgr.columns[i].fixedWidth ? 'fixedWidth' : 'relativeWidth');
}
// make column resizable
var enc_column = self.columnMgr.getColumnById(col.id);

View File

@ -53,6 +53,9 @@
};
}
// Indicate resizing is in progress
$j(_outerElem).addClass('egwResizing');
// Reset the "didResize" flag
didResize = false;
@ -78,7 +81,7 @@
})
.bind("mouseup", function() {
stopResize();
stopResize(_outerElem);
// Reset text selection
_elem[0].onselectstart = null;
@ -93,8 +96,10 @@
}
}
function stopResize()
function stopResize(_outerElem)
{
$j(_outerElem).removeClass('egwResizing');
if (helper != null)
{
helper.remove();

View File

@ -1149,6 +1149,13 @@ div.et2_progress > div {
height: 100%;
min-height: 5px;
}
/**
* For resizing (nextmatch columns)
*/
table.egwGridView_outer.egwResizing .fixedWidth {
opacity: 0.5;
}
.egwResizeOverlay {
position: fixed;
width: 100%;