Fixed bug: CheckboxTreeNode label overflows, and node icon disappears (#5022)

This commit is contained in:
Gene Lee
2019-04-15 13:44:49 -07:00
committed by GitHub
parent 72e7e5e025
commit dcdbc95ae7
2 changed files with 11 additions and 3 deletions

View File

@@ -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;
}

View File

@@ -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) => {