maxmustermann/vscode
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fixes #9250

Browse source
This commit is contained in:
Joao Moreno 2016-07-18 12:19:34 +02:00
parent 4afae7fda1
commit 4dff48ca3f
2 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/vs/base/browser/ui/list/list.css
View file

@ -48,6 +48,7 @@
.hc-black .monaco-list-row:hover { outline: 1px dashed #f38518; background: transparent; }
/* Focus */
.monaco-list.element-focused { outline: 0 !important; }
.monaco-list-row.focused { background-color: #DCEBFC; }
.vs-dark .monaco-list-row.focused { background-color: #073655; }
.hc-black .monaco-list-row.focused { outline: 1px dotted #f38518; background: transparent }

11
src/vs/base/browser/ui/list/listWidget.ts
View file

@ -212,6 +212,7 @@ export class List<T> implements IDisposable {
private eventBufferer: EventBufferer;
private view: ListView<T>;
private controller: Controller<T>;
private disposables: IDisposable[];
get onFocusChange(): Event<IFocusChangeEvent<T>> {
return this.eventBufferer.wrapEvent(mapEvent(this.focus.onChange, e => this.toListEvent(e)));
@ -244,8 +245,10 @@ export class List<T> implements IDisposable {
this.view.domNode.setAttribute('role', 'listbox');
this.view.domNode.tabIndex = 0;
this.controller = new Controller(this, this.view);
this.disposables = [this.focus, this.selection, this.view, this.controller];
this._onDOMFocus = domEvent(this.view.domNode, 'focus');
this.onFocusChange(this._onFocusChange, this, this.disposables);
}
splice(start: number, deleteCount: number, ...elements: T[]): void {
@ -411,9 +414,11 @@ export class List<T> implements IDisposable {
return { indexes, elements: indexes.map(i => this.view.element(i)) };
}
private _onFocusChange(): void {
DOM.toggleClass(this.view.domNode, 'element-focused', this.focus.get().length > 0);
}
dispose(): void {
this.view = dispose(this.view);
this.focus = dispose(this.focus);
this.selection = dispose(this.selection);
this.disposables = dispose(this.disposables);
}
}