Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
掘金者说
vscode
提交
739f4874
V
vscode
项目概览
掘金者说
/
vscode
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vscode
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
739f4874
编写于
10月 24, 2017
作者:
J
Johannes Rieken
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
deco - use just a letter, not a badge
上级
10d75f29
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
5 addition
and
14 deletion
+5
-14
src/vs/base/browser/ui/iconLabel/iconlabel.css
src/vs/base/browser/ui/iconLabel/iconlabel.css
+2
-2
src/vs/workbench/services/decorations/browser/decorationsService.ts
...kbench/services/decorations/browser/decorationsService.ts
+3
-12
未找到文件。
src/vs/base/browser/ui/iconLabel/iconlabel.css
浏览文件 @
739f4874
...
...
@@ -49,10 +49,10 @@
height
:
12px
;
min-width
:
10px
;
line-height
:
125%
;
font-size
:
8
0%
;
font-size
:
9
0%
;
margin
:
1px
15px
1px
auto
;
padding
:
2px
3px
;
border-radius
:
5px
;
font-weight
:
normal
;
font-weight
:
500
;
text-align
:
center
;
}
src/vs/workbench/services/decorations/browser/decorationsService.ts
浏览文件 @
739f4874
...
...
@@ -14,7 +14,6 @@ import { LinkedList } from 'vs/base/common/linkedList';
import
{
createStyleSheet
,
createCSSRule
,
removeCSSRulesContainingSelector
}
from
'
vs/base/browser/dom
'
;
import
{
IThemeService
,
ITheme
}
from
'
vs/platform/theme/common/themeService
'
;
import
{
IdGenerator
}
from
'
vs/base/common/idGenerator
'
;
import
{
listActiveSelectionForeground
}
from
'
vs/platform/theme/common/colorRegistry
'
;
import
{
IIterator
}
from
'
vs/base/common/iterator
'
;
class
DecorationRule
{
...
...
@@ -52,10 +51,9 @@ class DecorationRule {
const
{
color
,
letter
}
=
data
;
// label
createCSSRule
(
`.
${
this
.
labelClassName
}
`
,
`color:
${
theme
.
getColor
(
color
)
||
'
inherit
'
}
;`
,
element
);
createCSSRule
(
`.focused .selected .
${
this
.
labelClassName
}
`
,
`color: inherit;
opacity: inherit;
`
,
element
);
//
badge
createCSSRule
(
`.focused .selected .
${
this
.
labelClassName
}
`
,
`color: inherit;`
,
element
);
//
letter
if
(
letter
)
{
createCSSRule
(
`.
${
this
.
badgeClassName
}
`
,
`background-color:
${
theme
.
getColor
(
color
)}
; color:
${
theme
.
getColor
(
listActiveSelectionForeground
)}
;`
,
element
);
createCSSRule
(
`.
${
this
.
badgeClassName
}
::before`
,
`content: "
${
letter
}
"`
,
element
);
}
}
...
...
@@ -68,17 +66,10 @@ class DecorationRule {
// badge
let
letters
:
string
[]
=
[];
let
colors
:
string
[]
=
[];
for
(
const
deco
of
data
)
{
letters
.
push
(
deco
.
letter
);
colors
.
push
(
`
${
theme
.
getColor
(
deco
.
color
).
toString
()}
${
100
/
data
.
length
}
%`
);
}
createCSSRule
(
`.
${
this
.
badgeClassName
}
::before`
,
`content: "
${
letters
.
join
(
'
\
u2002
'
)}
"`
,
element
);
createCSSRule
(
`.
${
this
.
badgeClassName
}
`
,
`background: linear-gradient(90deg,
${
colors
.
join
()}
); color:
${
theme
.
getColor
(
listActiveSelectionForeground
)}
;`
,
element
);
createCSSRule
(
`.
${
this
.
badgeClassName
}
::before`
,
`content: "
${
letters
.
join
(
'
,
'
)}
"`
,
element
);
}
removeCSSRules
(
element
:
HTMLStyleElement
):
void
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录