Add fix for flashing during dragging and resize drag box (#2451)

* add fix for flashing during dragging and resize drag box

* remove unnecessary code
This commit is contained in:
Anthony Dresser
2018-09-07 11:08:14 -07:00
committed by GitHub
parent ba91140ea5
commit 0f2442a7a5
2 changed files with 18 additions and 1 deletions

View File

@@ -5,12 +5,21 @@ require.__$__nodeRequire('slickgrid/plugins/slick.cellrangedecorator');
const defaultOptions: ICellRangeSelectorOptions = {
selectionCss: {
'border': '2px dashed blue'
}
},
offset: {
top: -1,
left: -1,
height: 2,
width: 2
},
dragClass: 'drag'
};
export interface ICellRangeSelectorOptions {
selectionCss?: { [key: string]: string };
cellDecorator?: ICellRangeDecorator;
offset?: { top: number, left: number, height: number, width: number };
dragClass?: string;
}
export interface ICellRangeSelector<T> extends Slick.Plugin<T> {
@@ -78,6 +87,8 @@ export class CellRangeSelector<T> implements ICellRangeSelector<T> {
return;
}
this.canvas.classList.add(this.options.dragClass);
this.grid.focus();
let start = this.grid.getCellFromPoint(
@@ -114,6 +125,7 @@ export class CellRangeSelector<T> implements ICellRangeSelector<T> {
return;
}
this.canvas.classList.remove(this.options.dragClass);
this.dragging = false;
e.stopImmediatePropagation();

View File

@@ -308,10 +308,15 @@ export class Table<T extends Slick.SlickData> extends Widget implements IThemabl
if (styles.listHoverBackground) {
content.push(`.monaco-table.${this.idPrefix} .slick-row:hover { background-color: ${styles.listHoverBackground}; }`);
// handle no coloring during drag
content.push(`.monaco-table.${this.idPrefix} .drag .slick-row:hover { background-color: inherit; }`);
}
if (styles.listHoverForeground) {
content.push(`.monaco-table.${this.idPrefix} .slick-row:hover { color: ${styles.listHoverForeground}; }`);
// handle no coloring during drag
content.push(`.monaco-table.${this.idPrefix} .drag .slick-row:hover { color: inherit; }`);
}
if (styles.listSelectionOutline) {