Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
xxadev
vscode
提交
534131bb
V
vscode
项目概览
xxadev
/
vscode
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vscode
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
534131bb
编写于
12月 05, 2016
作者:
B
bgashler1@users.noreply.github.com
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Preferences style polish
Typography, icons, background and layout
上级
edee513d
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
61 addition
and
16 deletion
+61
-16
src/vs/workbench/parts/preferences/browser/media/preferences.css
...workbench/parts/preferences/browser/media/preferences.css
+54
-10
src/vs/workbench/parts/preferences/browser/media/search.svg
src/vs/workbench/parts/preferences/browser/media/search.svg
+1
-0
src/vs/workbench/parts/preferences/browser/media/search_inverse.svg
...kbench/parts/preferences/browser/media/search_inverse.svg
+1
-0
src/vs/workbench/parts/preferences/browser/preferencesWidgets.ts
...workbench/parts/preferences/browser/preferencesWidgets.ts
+5
-6
未找到文件。
src/vs/workbench/parts/preferences/browser/media/preferences.css
浏览文件 @
534131bb
...
...
@@ -4,7 +4,6 @@
*--------------------------------------------------------------------------------------------*/
.settings-header-widget
{
display
:
flex
;
border-bottom
:
1px
solid
#efefef
;
}
...
...
@@ -13,7 +12,23 @@
}
.settings-header-widget
>
.settings-header-container
{
margin
:
8px
0px
12px
0
;
margin-top
:
8px
;
padding-left
:
28px
;
padding-right
:
32px
;
}
.settings-header-widget
>
.settings-search-container
{
padding-left
:
28px
;
padding-right
:
32px
;
padding-bottom
:
11px
;
padding-top
:
11px
;
}
.vs
.settings-header-widget
>
.settings-search-container
{
background
:
#efeff2
;
}
.vs-dark
.settings-header-widget
>
.settings-search-container
{
background
:
#2d2d30
;
}
.settings-header-widget
>
.settings-header-container
>
.settings-title-container
{
...
...
@@ -21,30 +36,48 @@
}
.settings-header-widget
>
.settings-header-container
>
.settings-title-container
>
.settings-info-container
{
color
:
rgba
(
170
,
170
,
170
,
1
);
font-style
:
italic
;
white-space
:
pre-wrap
;
margin-bottom
:
8px
;
font-size
:
12px
;
}
.settings-header-widget
>
.settings-header-container
>
.settings-title-container
>
.settings-info-container
span
{
padding-right
:
6px
;
.vs
.settings-header-widget
>
.settings-header-container
>
.settings-title-container
>
.settings-info-container
{
color
:
#6f6f6f
;
}
.vs-dark
.settings-header-widget
>
.settings-header-container
>
.settings-title-container
>
.settings-info-container
{
color
:
#bbbbbb
;
}
.hc-black
.settings-header-widget
>
.settings-header-container
>
.settings-title-container
>
.settings-info-container
{
color
:
white
;
}
.settings-header-widget
>
.settings-header-container
>
.settings-search-container
>
.settings-search-input
{
.settings-header-widget
>
.settings-header-container
>
.settings-title-container
>
.settings-info-container
.title-label
{
text-transform
:
uppercase
;
font-weight
:
bold
;
}
.settings-header-widget
>
.settings-search-container
>
.settings-search-input
{
vertical-align
:
middle
;
}
.settings-header-widget
>
.settings-
header-container
>
.settings-
search-container
>
.settings-search-input
>
.monaco-inputbox
{
.settings-header-widget
>
.settings-search-container
>
.settings-search-input
>
.monaco-inputbox
{
height
:
30px
;
}
.vs
.settings-header-widget
>
.settings-
header-container
>
.settings-
search-container
>
.settings-search-input
>
.monaco-inputbox
{
.vs
.settings-header-widget
>
.settings-search-container
>
.settings-search-input
>
.monaco-inputbox
{
border
:
1px
solid
#ddd
;
}
.settings-header-widget
>
.settings-
header-container
>
.settings-
search-container
>
.settings-search-input
>
.monaco-inputbox
.input
{
.settings-header-widget
>
.settings-search-container
>
.settings-search-input
>
.monaco-inputbox
.input
{
font-size
:
14px
;
padding-left
:
30px
;
background-image
:
url('search.svg')
;
background-repeat
:
no-repeat
;
background-position
:
8px
50%
;
}
.settings-header-widget
>
.settings-search-container
>
.settings-search-input
>
.monaco-inputbox
.input
{
background-image
:
url('search_inverse.svg')
;
}
.monaco-editor
.settings-group-title-widget
{
...
...
@@ -54,6 +87,17 @@
.monaco-editor
.settings-group-title-widget
.title-container
{
width
:
100%
;
cursor
:
pointer
;
font-weight
:
bold
;
}
.vs
.monaco-editor
.settings-group-title-widget
.title-container
{
color
:
#6f6f6f
;
}
.vs-dark
.monaco-editor
.settings-group-title-widget
.title-container
{
color
:
#bbbbbb
;
}
.hc-black
.monaco-editor
.settings-group-title-widget
.title-container
{
color
:
white
;
}
.monaco-editor
.settings-group-title-widget
.title-container
>
*
{
...
...
src/vs/workbench/parts/preferences/browser/media/search.svg
0 → 100644
浏览文件 @
534131bb
<svg
id=
"Layer_1"
data-name=
"Layer 1"
xmlns=
"http://www.w3.org/2000/svg"
width=
"16"
height=
"16"
viewBox=
"0 0 16 16"
><defs><style>
.cls-1{fill:#f6f6f6;fill-opacity:0;}.cls-2{fill:none;}.cls-3{fill:#424242;}
</style></defs><title>
Search_16x
</title><path
id=
"canvas"
class=
"cls-1"
d=
"M16,16H0V0H16Z"
/><path
id=
"outline"
class=
"cls-2"
d=
"M11.11,0a5.9,5.9,0,0,1-1,11.71,5.69,5.69,0,0,1-1.91-.33L3.57,16H2.68L0,13.36V12.2L4.51,7.72A5.68,5.68,0,0,1,4.2,5.81,5.91,5.91,0,0,1,9.09,0h2"
/><path
id=
"iconBg"
class=
"cls-3"
d=
"M1.32,13.07l1.61,1.61L7.75,9.86a3.82,3.82,0,0,0,2.42.8,4.83,4.83,0,1,0-4.8-4.83,3.48,3.48,0,0,0,.78,2.42ZM6.44,5.83a3.7,3.7,0,0,1,3.72-3.76,3.75,3.75,0,1,1,0,7.51A3.7,3.7,0,0,1,6.44,5.83"
/><path
id=
"iconFg"
class=
"cls-2"
d=
"M6.44,5.83a3.7,3.7,0,0,1,3.72-3.76,3.75,3.75,0,1,1,0,7.51A3.7,3.7,0,0,1,6.44,5.83"
/></svg>
\ No newline at end of file
src/vs/workbench/parts/preferences/browser/media/search_inverse.svg
0 → 100644
浏览文件 @
534131bb
<svg
id=
"Layer_1"
data-name=
"Layer 1"
xmlns=
"http://www.w3.org/2000/svg"
width=
"16"
height=
"16"
viewBox=
"0 0 16 16"
><defs><style>
.cls-1{fill:#2d2d30;fill-opacity:0;}.cls-2{fill:none;}.cls-3{fill:#c5c5c5;}
</style></defs><title>
Search_16x
</title><path
id=
"canvas"
class=
"cls-1"
d=
"M16,16H0V0H16Z"
/><path
id=
"outline"
class=
"cls-2"
d=
"M11.11,0a5.9,5.9,0,0,1-1,11.71,5.69,5.69,0,0,1-1.91-.33L3.57,16H2.68L0,13.36V12.2L4.51,7.72A5.68,5.68,0,0,1,4.2,5.81,5.91,5.91,0,0,1,9.09,0h2"
/><path
id=
"iconBg"
class=
"cls-3"
d=
"M1.32,13.07l1.61,1.61L7.75,9.86a3.82,3.82,0,0,0,2.42.8,4.83,4.83,0,1,0-4.8-4.83,3.48,3.48,0,0,0,.78,2.42ZM6.44,5.83a3.7,3.7,0,0,1,3.72-3.76,3.75,3.75,0,1,1,0,7.51A3.7,3.7,0,0,1,6.44,5.83"
/><path
id=
"iconFg"
class=
"cls-2"
d=
"M6.44,5.83a3.7,3.7,0,0,1,3.72-3.76,3.75,3.75,0,1,1,0,7.51A3.7,3.7,0,0,1,6.44,5.83"
/></svg>
\ No newline at end of file
src/vs/workbench/parts/preferences/browser/preferencesWidgets.ts
浏览文件 @
534131bb
...
...
@@ -89,7 +89,7 @@ export class SettingsGroupTitleWidget extends Widget implements IViewZone {
private
layout
():
void
{
this
.
titleContainer
.
style
.
lineHeight
=
this
.
editor
.
getConfiguration
().
lineHeight
+
3
+
'
px
'
;
this
.
titleContainer
.
style
.
fontSize
=
this
.
editor
.
getConfiguration
().
fontInfo
.
fontSize
+
3
+
'
px
'
;
this
.
titleContainer
.
style
.
fontSize
=
this
.
editor
.
getConfiguration
().
fontInfo
.
fontSize
+
'
px
'
;
const
iconSize
=
this
.
getIconSize
();
this
.
icon
.
style
.
height
=
`
${
iconSize
}
px`
;
this
.
icon
.
style
.
width
=
`
${
iconSize
}
px`
;
...
...
@@ -189,15 +189,14 @@ export class DefaultSettingsHeaderWidget extends Widget {
private
create
(
parent
:
HTMLElement
)
{
this
.
domNode
=
DOM
.
append
(
parent
,
DOM
.
$
(
'
div.settings-header-widget
'
));
this
.
headerContainer
=
DOM
.
append
(
this
.
domNode
,
DOM
.
$
(
'
div.settings-header-container
'
));
this
.
headerContainer
.
style
.
paddingLeft
=
'
28px
'
;
this
.
headerContainer
.
style
.
paddingRight
=
'
32px
'
;
const
titleContainer
=
DOM
.
append
(
this
.
headerContainer
,
DOM
.
$
(
'
div.settings-title-container
'
));
this
.
createInfoContainer
(
DOM
.
append
(
titleContainer
,
DOM
.
$
(
'
div.settings-info-container
'
)));
this
.
createSearchContainer
(
DOM
.
append
(
this
.
headerContainer
,
DOM
.
$
(
'
div.settings-search-container
'
)));
this
.
createSearchContainer
(
DOM
.
append
(
this
.
domNode
,
DOM
.
$
(
'
div.settings-search-container
'
)));
}
private
createInfoContainer
(
infoContainer
:
HTMLElement
)
{
DOM
.
append
(
infoContainer
,
DOM
.
$
(
'
span
'
)).
textContent
=
localize
(
'
defaultSettingsInfo
'
,
"
Overwrite settings by placing them into your settings file.
"
);
DOM
.
append
(
infoContainer
,
DOM
.
$
(
'
span.title-label
'
)).
textContent
=
localize
(
'
defaultSettingsTitle
'
,
"
Default Settings
"
);
DOM
.
append
(
infoContainer
,
DOM
.
$
(
'
span
'
)).
textContent
=
localize
(
'
defaultSettingsInfo
'
,
"
- Overwrite these by placing them into your settings file
"
);
}
private
createSearchContainer
(
searchContainer
:
HTMLElement
)
{
...
...
@@ -220,7 +219,7 @@ export class DefaultSettingsHeaderWidget extends Widget {
}
public
layout
(
dimension
:
Dimension
):
void
{
this
.
inputBox
.
width
=
dimension
.
width
-
6
5
;
this
.
inputBox
.
width
=
dimension
.
width
-
6
2
;
}
private
_onKeyUp
(
keyboardEvent
:
IKeyboardEvent
):
void
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录