|
|
|
@ -61,6 +61,11 @@ export class WorkPackageResizerController { |
|
|
|
|
// Necessary to encapsulate this to be able to remove the eventlistener later
|
|
|
|
|
this.mouseMoveHandler = this.resizeElement.bind(this, this.detailsSide); |
|
|
|
|
|
|
|
|
|
// Change cursor icon
|
|
|
|
|
// This is handled via JS to ensure
|
|
|
|
|
// that the cursor stays the same even when the mouse leaves the actual resizer.
|
|
|
|
|
document.getElementsByTagName("body")[0].style.cursor = 'col-resize'; |
|
|
|
|
|
|
|
|
|
// Enable mouse move
|
|
|
|
|
window.addEventListener('mousemove', this.mouseMoveHandler); |
|
|
|
|
} |
|
|
|
@ -73,6 +78,9 @@ export class WorkPackageResizerController { |
|
|
|
|
// Disable mouse move
|
|
|
|
|
window.removeEventListener('mousemove', this.mouseMoveHandler); |
|
|
|
|
|
|
|
|
|
// Change cursor icon back
|
|
|
|
|
document.getElementsByTagName("body")[0].style.cursor = 'auto'; |
|
|
|
|
|
|
|
|
|
// Take care at the end that the elemntFlex-Value is the same as the acutal value
|
|
|
|
|
// When the mouseup is outside the container these values will differ
|
|
|
|
|
// which will cause problems at the next movement start
|
|
|
|
|