DTStack / DTStack/molecule

bug: 新建文件夹、文件UI、activityBar的icon样式有错误渲染

Open
#843 5 comments 1 reaction 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
970
Forks
141
PR merge metrics
No merged PRs in 30d

Description

# 新建文件夹、文件UI样式有错误渲染
复现逻辑
```
molecule.folderTree.add(
new TreeNodeModel({
id: uniqueId(),
name: '',
isLeaf: type === FileTypes.File,
fileType: type,
isEditable: true,
data: {
parentId
}
}), parentId);
```

问题截图:

image

image

# activityBar的icon样式有错误渲染

关于这个问题 追踪后问修老师 @mortalYoung 发现是因为样式优先级相关的问题 我暂时不确定如何修复它 但是有个临时的解决方案来处理优先级的问题

- 没有被污染之前的样式

image

- 被污染之后的样式

![image](https://github.com/DTStack/molecule/assets/75556346/f38b71e2-1efe-40e2-9aba-b42a7bdfd74c)

- 复现

我也不确定这样能不能保证一定复线 但是在我本地是一定可以的

```
import { Header } from '@dtinsight/molecule/esm/workbench/sidebar';
import {ActionBar, IActionBarItemProps} from "@dtinsight/molecule/esm/components";

}
/>
```

我在我的全局样式中添加如下样式 得以解决

```css
/*.*/
#molecule .codicon {
align-items: center;
color: inherit;
display: flex;
font-size: 24px;
justify-content: center;
}
```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.