Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
xxadev
vscode
提交
681e42f8
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,发现更多精彩内容 >>
提交
681e42f8
编写于
7月 01, 2016
作者:
B
Benjamin Pasero
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Tabs: Coloring issues (fixes #8564)
上级
6f33253f
变更
2
显示空白变更内容
内联
并排
Showing
2 changed file
with
89 addition
and
19 deletion
+89
-19
src/vs/workbench/browser/parts/editor/media/tabstitle.css
src/vs/workbench/browser/parts/editor/media/tabstitle.css
+73
-17
src/vs/workbench/browser/parts/editor/sideBySideEditorControl.ts
...workbench/browser/parts/editor/sideBySideEditorControl.ts
+16
-2
未找到文件。
src/vs/workbench/browser/parts/editor/media/tabstitle.css
浏览文件 @
681e42f8
...
...
@@ -3,15 +3,44 @@
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
/* Tabs Container */
/* Title decoration */
.vs
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title.tabs
{
background
:
#F3F3F3
;
mix-blend-mode
:
luminosity
;
}
.vs-dark
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title.tabs
{
background
:
#252526
;
mix-blend-mode
:
luminosity
;
}
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title.tabs
::before
{
display
:
block
;
content
:
''
;
position
:
absolute
;
top
:
34px
;
width
:
100%
;
mix-blend-mode
:
luminosity
;
z-index
:
1
;
/* on top of tabs */
}
.vs
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title.tabs
::before
{
border-top
:
1px
solid
#DDDDDD
;
}
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title
>
.monaco-scrollable-element
{
.vs-dark
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title.tabs
::before
{
border-top
:
1px
solid
#403F3F
;
}
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title.tabs
>
.monaco-scrollable-element
{
flex
:
1
;
}
/* Tabs Container */
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title
.tabs-container
{
display
:
flex
;
background-color
:
rgba
(
128
,
128
,
128
,
0.2
);
height
:
35px
;
}
...
...
@@ -32,32 +61,61 @@
overflow
:
hidden
;
white-space
:
nowrap
;
cursor
:
pointer
;
border-left
:
1px
solid
rgba
(
128
,
128
,
128
,
0.2
);
border-bottom
:
1px
solid
rgba
(
128
,
128
,
128
,
0.2
);
height
:
35px
;
box-sizing
:
border-box
;
border
:
1px
solid
transparent
;
padding-left
:
10px
;
}
.vs
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title
.tabs-container
>
.tab
,
.hc-black
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title
.tabs-container
>
.tab
{
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title
.tabs-container
>
.tab.active
{
z-index
:
2
;
/* on top of the horizontal border of the title */
}
.vs
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title
.tabs-container
>
.tab
:not
(
.active
)
{
background-color
:
#ECECEC
;
}
.vs-dark
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title
.tabs-container
>
.tab
:not
(
.active
)
{
background-color
:
#2D2D2D
;
}
.vs
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title
.tabs-container
>
.tab
.tab-label
,
.hc-black
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title
.tabs-container
>
.tab
.tab-label
{
opacity
:
0.7
!important
;
}
.vs-dark
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title
.tabs-container
>
.tab
{
.vs-dark
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title
.tabs-container
>
.tab
.tab-label
{
opacity
:
0.5
!important
;
}
.hc-black
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title.active
.tabs-container
>
.tab.active
{
border
:
1px
solid
#f38518
;
.vs-dark
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title
.tabs-container
>
.tab.active
.tab-label
,
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title
.tabs-container
>
.tab.dropfeedback
.tab-label
{
opacity
:
1
!important
;
}
.
monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title
.tabs-container
>
.tab
:first-child
{
border-left
:
0
;
.
vs
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title
.tabs-container
>
.tab
{
border-left
-color
:
#DDDDDD
;
}
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title
.tabs-container
>
.tab.active
{
border-bottom-color
:
transparent
;
opacity
:
1
!important
;
.vs
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title
.tabs-container
>
.tab.active
:last-child
{
border-right-color
:
#DDDDDD
;
}
.vs-dark
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title
.tabs-container
>
.tab
{
border-left-color
:
#403F3F
;
}
.vs-dark
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title
.tabs-container
>
.tab.active
:last-child
{
border-right-color
:
#403F3F
;
}
.vs-dark
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title
.tabs-container
>
.tab
:first-child
,
.vs
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title
.tabs-container
>
.tab
:first-child
{
border-left-color
:
transparent
;
}
.hc-black
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title
.tabs-container
>
.tab.active
{
border
:
1px
solid
#f38518
;
}
.vs
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title
.tabs-container.dropfeedback
{
...
...
@@ -66,7 +124,6 @@
.vs
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title
.tabs-container
>
.tab.dropfeedback
{
background-color
:
rgba
(
187
,
230
,
255
,
0.5
);
opacity
:
1
!important
;
}
.vs-dark
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title
.tabs-container.dropfeedback
,
...
...
@@ -159,5 +216,4 @@
.monaco-workbench
>
.part.editor
>
.content
>
.one-editor-container
>
.title
.group-actions
{
flex
:
initial
;
padding-left
:
4px
;
background-color
:
rgba
(
128
,
128
,
128
,
0.2
);
}
\ No newline at end of file
src/vs/workbench/browser/parts/editor/sideBySideEditorControl.ts
浏览文件 @
681e42f8
...
...
@@ -169,11 +169,22 @@ export class SideBySideEditorControl implements ISideBySideEditorControl, IVerti
}
private
onConfigurationUpdated
(
configuration
:
IWorkbenchEditorConfiguration
):
void
{
const
useTabs
=
configuration
.
workbench
.
editor
.
showTabs
;
POSITIONS
.
forEach
(
position
=>
{
// TItle Container
const
titleContainer
=
this
.
titleContainer
[
position
];
if
(
useTabs
)
{
titleContainer
.
addClass
(
'
tabs
'
);
}
else
{
titleContainer
.
removeClass
(
'
tabs
'
);
}
// Title Control
const
titleControl
=
this
.
titleAreaControl
[
position
];
if
(
titleControl
)
{
const
usingTabs
=
(
titleControl
instanceof
TabsTitleControl
);
const
useTabs
=
configuration
.
workbench
.
editor
.
showTabs
;
if
(
usingTabs
!==
useTabs
)
{
// Dispose old
...
...
@@ -754,13 +765,16 @@ export class SideBySideEditorControl implements ISideBySideEditorControl, IVerti
POSITIONS
.
forEach
(
position
=>
{
this
.
instantiationServices
[
position
]
=
this
.
instantiationService
.
createChild
(
new
ServiceCollection
(
[
IKeybindingService
,
this
.
keybindingService
.
createScoped
(
this
.
containers
[
position
].
getHTMLElement
())]
// [IProgressService, ]
));
});
// Title containers
const
useTabs
=
!!
this
.
configurationService
.
getConfiguration
<
IWorkbenchEditorConfiguration
>
().
workbench
.
editor
.
showTabs
;
POSITIONS
.
forEach
(
position
=>
{
this
.
titleContainer
[
position
]
=
$
(
this
.
containers
[
position
]).
div
({
'
class
'
:
'
title
'
});
if
(
useTabs
)
{
this
.
titleContainer
[
position
].
addClass
(
'
tabs
'
);
}
this
.
hookTitleDragListener
(
position
);
// Title Control
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录