ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-02-16 10:58:30 -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

2
src/sql/base/browser/ui/editableDropdown/dropdown.ts
View File

@@ -176,7 +176,7 @@ export class Dropdown extends Disposable {
filter: this._filter, filter: this._filter,
renderer: this._renderer, renderer: this._renderer,
controller: this._controller controller: this._controller
}); }, { paddingOnRow: false, indentPixels: 0, twistiePixels: 0 });
this.values = this._options.values; this.values = this._options.values;

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 { export interface Template {
label: HTMLElement; label: HTMLElement;
row: HTMLElement;
} }
export interface Resource { export interface Resource {
@@ -33,17 +34,18 @@ export class DropdownRenderer implements tree.IRenderer {
return ''; 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(); const row = $('div.list-row').style('height', '22px').style('padding-left', '5px').getHTMLElement();
DOM.append(container, row); DOM.append(container, row);
const label = $('span.label').style('margin', 'auto').style('vertical-align', 'middle').getHTMLElement(); const label = $('span.label').style('margin', 'auto').style('vertical-align', 'middle').getHTMLElement();
DOM.append(row, label); DOM.append(row, label);
return { label }; return { label, row };
} }
public renderElement(tree: tree.ITree, element: Resource, templateId: string, templateData: Template): void { public renderElement(tree: tree.ITree, element: Resource, templateId: string, templateData: Template): void {
templateData.label.innerText = element.value; templateData.label.innerText = element.value;
templateData.row.title = element.value;
} }
public disposeTemplate(tree: tree.ITree, templateId: string, templateData: Template): void { public disposeTemplate(tree: tree.ITree, templateId: string, templateData: Template): void {

14
src/sql/base/browser/ui/editableDropdown/media/dropdownList.css
View File

@@ -23,7 +23,19 @@
} }
.dropdown-tree .list-row { .dropdown-tree .list-row {
margin-left: -33px; width: 100%;
box-sizing: border-box;
}
.dropdown-tree .content {
width: 100%;
}
.dropdown-tree .list-row .label {
width: 100%;
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
} }
.connection-input .dropdown .monaco-action-bar .action-label.icon.dropdown-arrow { .connection-input .dropdown .monaco-action-bar .action-label.icon.dropdown-arrow {