From dcdbc95ae79085238c8a870fdd277a02a1b6a99d Mon Sep 17 00:00:00 2001 From: Gene Lee Date: Mon, 15 Apr 2019 13:44:49 -0700 Subject: [PATCH] Fixed bug: CheckboxTreeNode label overflows, and node icon disappears (#5022) --- src/sql/parts/modelComponents/tree/treeComponent.css | 12 +++++++++--- .../modelComponents/tree/treeComponentRenderer.ts | 2 ++ 2 files changed, 11 insertions(+), 3 deletions(-) diff --git a/src/sql/parts/modelComponents/tree/treeComponent.css b/src/sql/parts/modelComponents/tree/treeComponent.css index 65b99ce345..f6efa2011c 100644 --- a/src/sql/parts/modelComponents/tree/treeComponent.css +++ b/src/sql/parts/modelComponents/tree/treeComponent.css @@ -2,7 +2,13 @@ display: flex; } -.tree-component-node-tile .model-view-tree-node-item-icon{ - width: 15px; - height: 15px; +.tree-component-node-tile .model-view-tree-node-item-icon { + width: 17px; + height: 17px; + flex-shrink: 0; } + +.tree-component-node-tile .model-view-tree-node-item-label { + overflow: hidden; + text-overflow: ellipsis; +} \ No newline at end of file diff --git a/src/sql/parts/modelComponents/tree/treeComponentRenderer.ts b/src/sql/parts/modelComponents/tree/treeComponentRenderer.ts index 5b63701fe4..2eaf84739b 100644 --- a/src/sql/parts/modelComponents/tree/treeComponentRenderer.ts +++ b/src/sql/parts/modelComponents/tree/treeComponentRenderer.ts @@ -147,6 +147,8 @@ export class TreeComponentRenderer extends Disposable implements IRenderer { const icon = this.themeService.getTheme().type === LIGHT ? element.icon : element.iconDark; const iconUri = icon ? URI.revive(icon) : null; templateData.icon.style.backgroundImage = iconUri ? `url('${iconUri.toString(true)}')` : ''; + templateData.icon.style.backgroundRepeat = 'no-repeat'; + templateData.icon.style.backgroundPosition = 'center'; dom.toggleClass(templateData.icon, 'model-view-tree-node-item-icon', !!icon); if (element) { element.onCheckedChanged = (checked: boolean) => {