Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
掘金者说
vscode
提交
cdf32b2c
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,发现更多精彩内容 >>
提交
cdf32b2c
编写于
5月 25, 2018
作者:
R
Rob Lourens
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Settings editor - replace selection indicator bar with outline. Also fix header margin
上级
fcbf17e4
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
13 addition
and
47 deletion
+13
-47
src/vs/workbench/parts/preferences/browser/media/settingsEditor2.css
...bench/parts/preferences/browser/media/settingsEditor2.css
+6
-40
src/vs/workbench/parts/preferences/browser/settingsEditor2.ts
...vs/workbench/parts/preferences/browser/settingsEditor2.ts
+7
-7
未找到文件。
src/vs/workbench/parts/preferences/browser/media/settingsEditor2.css
浏览文件 @
cdf32b2c
...
...
@@ -4,15 +4,16 @@
*--------------------------------------------------------------------------------------------*/
.settings-editor
{
padding
:
11px
0px
0px
27
px
;
padding
-top
:
11
px
;
margin
:
auto
;
}
/* header styling */
.settings-editor
>
.settings-header
{
padding
:
0px
10px
0px
0px
;
padding-left
:
15px
;
padding-right
:
5px
;
max-width
:
800px
;
box-sizing
:
border-box
;
margin
:
auto
;
}
...
...
@@ -94,6 +95,7 @@
white-space
:
nowrap
;
margin-right
:
10px
;
margin-left
:
2px
;
opacity
:
0.7
;
}
.settings-editor
>
.settings-body
.settings-tree-container
.monaco-tree-wrapper
{
...
...
@@ -129,16 +131,6 @@
min-height
:
75px
;
}
.settings-editor
>
.settings-body
>
.settings-tree-container
.monaco-tree-row
.content
::before
{
content
:
' '
;
display
:
inline-block
;
position
:
absolute
;
width
:
5px
;
left
:
-9px
;
top
:
2px
;
bottom
:
10px
;
}
.settings-editor
>
.settings-body
>
.settings-tree-container
.setting-item.odd
:not
(
.focused
)
:not
(
.selected
)
:not
(
:hover
),
.settings-editor
>
.settings-body
>
.settings-tree-container
.monaco-tree
:not
(
:focus
)
.setting-item.focused.odd
:not
(
.selected
)
:not
(
:hover
),
.settings-editor
>
.settings-body
>
.settings-tree-container
.monaco-tree
:not
(
.focused
)
.setting-item.focused.odd
:not
(
.selected
)
:not
(
:hover
)
{
...
...
@@ -153,7 +145,7 @@
.settings-editor
>
.settings-body
>
.settings-tree-container
.setting-item
>
.setting-item-right
{
min-width
:
180px
;
margin
:
21px
10px
0px
;
margin
:
21px
10px
0px
5px
;
}
.settings-editor
>
.settings-body
>
.settings-tree-container
.setting-item
.setting-item-title
{
...
...
@@ -184,14 +176,6 @@
opacity
:
0.7
;
}
.settings-editor
>
.settings-body
>
.settings-tree-container
.setting-item
.setting-item-key
{
margin-left
:
10px
;
font-family
:
Monaco
,
Menlo
,
Consolas
,
"Droid Sans Mono"
,
"Inconsolata"
,
"Courier New"
,
monospace
,
"Droid Sans Fallback"
;
font-size
:
90%
;
opacity
:
0.8
;
display
:
none
;
}
.settings-editor
>
.settings-body
>
.settings-tree-container
.setting-item
.setting-item-description
{
opacity
:
0.7
;
margin-top
:
3px
;
...
...
@@ -229,20 +213,6 @@
height
:
26px
;
}
.settings-editor
>
.settings-body
>
.settings-tree-container
.setting-item
.setting-value-checkbox
{
position
:
relative
;
}
.settings-editor
>
.settings-body
>
.settings-tree-container
.setting-item.is-configured
.setting-value-checkbox
::after
{
content
:
' '
;
display
:
block
;
height
:
3px
;
width
:
18px
;
position
:
absolute
;
top
:
15px
;
left
:
-3px
;
}
.settings-editor
>
.settings-body
>
.settings-tree-container
.setting-item
.setting-item-value
>
.setting-reset-button.monaco-button
{
text-align
:
left
;
display
:
block
;
...
...
@@ -293,10 +263,6 @@
overflow
:
visible
;
}
.settings-editor
.settings-body
{
margin-left
:
-15px
;
}
.settings-editor
>
.settings-body
>
.settings-tree-container
.settings-group-title-label
{
margin
:
0px
;
padding
:
5px
0px
;
...
...
src/vs/workbench/parts/preferences/browser/settingsEditor2.ts
浏览文件 @
cdf32b2c
...
...
@@ -21,7 +21,7 @@ import { IInstantiationService } from 'vs/platform/instantiation/common/instanti
import
{
WorkbenchTree
}
from
'
vs/platform/list/browser/listService
'
;
import
{
ILogService
}
from
'
vs/platform/log/common/log
'
;
import
{
ITelemetryService
}
from
'
vs/platform/telemetry/common/telemetry
'
;
import
{
editorBackground
,
foreground
}
from
'
vs/platform/theme/common/colorRegistry
'
;
import
{
editorBackground
,
foreground
,
listActiveSelectionBackground
,
listInactiveSelectionBackground
}
from
'
vs/platform/theme/common/colorRegistry
'
;
import
{
attachButtonStyler
,
attachStyler
}
from
'
vs/platform/theme/common/styler
'
;
import
{
ICssStyleCollector
,
ITheme
,
IThemeService
,
registerThemingParticipant
}
from
'
vs/platform/theme/common/themeService
'
;
import
{
BaseEditor
}
from
'
vs/workbench/browser/parts/editor/baseEditor
'
;
...
...
@@ -215,14 +215,14 @@ export class SettingsEditor2 extends BaseEditor {
});
this
.
_register
(
registerThemingParticipant
((
theme
:
ITheme
,
collector
:
ICssStyleCollector
)
=>
{
const
active
ListBackground
=
theme
.
getColor
(
'
list.activeSelectionBackground
'
);
if
(
active
ListBackground
)
{
collector
.
addRule
(
`.settings-editor > .settings-body > .settings-tree-container .monaco-tree
.focused .monaco-tree-row.focused .content::before { background-color:
${
activeListBackground
}
; }`
);
const
active
BorderColor
=
theme
.
getColor
(
listActiveSelectionBackground
);
if
(
active
BorderColor
)
{
collector
.
addRule
(
`.settings-editor > .settings-body > .settings-tree-container .monaco-tree
:focus .monaco-tree-row.focused {outline: solid 1px
${
activeBorderColor
}
; outline-offset: -1px
; }`
);
}
const
inactive
ListBackground
=
theme
.
getColor
(
'
list.inactiveSelectionBackground
'
);
if
(
inactive
ListBackground
)
{
collector
.
addRule
(
`.settings-editor > .settings-body > .settings-tree-container .monaco-tree .monaco-tree-row.focused
.content::before { background-color:
${
inactiveListBackground
}
; }`
);
const
inactive
BorderColor
=
theme
.
getColor
(
listInactiveSelectionBackground
);
if
(
inactive
BorderColor
)
{
collector
.
addRule
(
`.settings-editor > .settings-body > .settings-tree-container .monaco-tree .monaco-tree-row.focused
{outline: solid 1px
${
inactiveBorderColor
}
; outline-offset: -1px
; }`
);
}
}));
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录