ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-01-15 17:22:25 -05:00
Code Issues Packages Projects Releases Wiki Activity

Ellipse on editable dropdown for long values (#908)

Browse Source 
* make dropdown ellipse for long database names

* remove unneeded code
This commit is contained in:
Anthony Dresser
2018-03-16 19:53:35 -07:00
committed by GitHub
parent 2f854cce4a
commit 1bfc8c1914
3 changed files with 18 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/sql/base/browser/ui/editableDropdown/dropdownTree.ts
View File

@@ -14,6 +14,7 @@ import { IKeyboardEvent } from 'vs/base/browser/keyboardEvent';
export interface Template {
label: HTMLElement;
row: HTMLElement;
}
export interface Resource {
@@ -33,17 +34,18 @@ export class DropdownRenderer implements tree.IRenderer {
return '';
}
public renderTemplate(tree: tree.ITree, templateId: string, container: HTMLElement) {
public renderTemplate(tree: tree.ITree, templateId: string, container: HTMLElement): Template {
const row = $('div.list-row').style('height', '22px').style('padding-left', '5px').getHTMLElement();
DOM.append(container, row);
const label = $('span.label').style('margin', 'auto').style('vertical-align', 'middle').getHTMLElement();
DOM.append(row, label);
return { label };
return { label, row };
}
public renderElement(tree: tree.ITree, element: Resource, templateId: string, templateData: Template): void {
templateData.label.innerText = element.value;
templateData.row.title = element.value;
}
public disposeTemplate(tree: tree.ITree, templateId: string, templateData: Template): void {