extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-25 17:33:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Nathan Gray 2014-09-09 17:39:33 +00:00
parent 108d3a0f40
commit c33a71c5f7
3 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
etemplate/js/et2_dataview.js
View File

@ -387,6 +387,11 @@ var et2_dataview = Class.extend({
.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);
et2_dataview_makeResizeable(column, function(_w) {

9
etemplate/js/et2_dataview_view_resizeable.js
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();

7
etemplate/templates/default/etemplate2.css
View File

@ -1152,6 +1152,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%;