Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
掘金者说
vscode
提交
d86ba38b
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,发现更多精彩内容 >>
提交
d86ba38b
编写于
4月 21, 2021
作者:
R
Rob Lourens
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Clean up cell margins
上级
10afe598
变更
6
隐藏空白更改
内联
并排
Showing
6 changed file
with
25 addition
and
16 deletion
+25
-16
src/vs/workbench/contrib/notebook/browser/constants.ts
src/vs/workbench/contrib/notebook/browser/constants.ts
+10
-1
src/vs/workbench/contrib/notebook/browser/diff/notebookTextDiffEditor.ts
...h/contrib/notebook/browser/diff/notebookTextDiffEditor.ts
+1
-1
src/vs/workbench/contrib/notebook/browser/notebookEditorWidget.ts
...orkbench/contrib/notebook/browser/notebookEditorWidget.ts
+8
-8
src/vs/workbench/contrib/notebook/browser/view/renderers/backLayerWebView.ts
...ntrib/notebook/browser/view/renderers/backLayerWebView.ts
+2
-2
src/vs/workbench/contrib/notebook/browser/viewModel/codeCellViewModel.ts
...h/contrib/notebook/browser/viewModel/codeCellViewModel.ts
+2
-2
src/vs/workbench/contrib/notebook/browser/viewModel/markdownCellViewModel.ts
...ntrib/notebook/browser/viewModel/markdownCellViewModel.ts
+2
-2
未找到文件。
src/vs/workbench/contrib/notebook/browser/constants.ts
浏览文件 @
d86ba38b
...
...
@@ -8,8 +8,17 @@
export
const
SCROLLABLE_ELEMENT_PADDING_TOP
=
20
;
// export const SCROLLABLE_ELEMENT_PADDING_TOP_WITH_TOOLBAR = 8;
// Code cell layout:
// [CODE_CELL_LEFT_MARGIN][CELL_RUN_GUTTER][editorWidth][CELL_RIGHT_MARGIN]
// Markdown cell layout:
// [CELL_MARGIN][content][CELL_RIGHT_MARGIN]
// Markdown editor cell layout:
// [CODE_CELL_LEFT_MARGIN][content][CELL_RIGHT_MARGIN]
// Cell sizing related
export
const
CELL_
MARGIN
=
8
;
export
const
CELL_
RIGHT_MARGIN
=
16
;
export
const
CELL_RUN_GUTTER
=
28
;
export
const
CODE_CELL_LEFT_MARGIN
=
32
;
...
...
src/vs/workbench/contrib/notebook/browser/diff/notebookTextDiffEditor.ts
浏览文件 @
d86ba38b
...
...
@@ -371,7 +371,7 @@ export class NotebookTextDiffEditor extends EditorPane implements INotebookTextD
outputNodeLeftPadding
:
32
,
previewNodePadding
:
MARKDOWN_PREVIEW_PADDING
,
leftMargin
:
0
,
cell
Margin
:
0
,
right
Margin
:
0
,
runGutter
:
0
};
...
...
src/vs/workbench/contrib/notebook/browser/notebookEditorWidget.ts
浏览文件 @
d86ba38b
...
...
@@ -42,7 +42,7 @@ import { IEditorMemento } from 'vs/workbench/common/editor';
import
{
Memento
,
MementoObject
}
from
'
vs/workbench/common/memento
'
;
import
{
PANEL_BORDER
}
from
'
vs/workbench/common/theme
'
;
import
{
debugIconStartForeground
}
from
'
vs/workbench/contrib/debug/browser/debugColors
'
;
import
{
BOTTOM_CELL_TOOLBAR_GAP
,
BOTTOM_CELL_TOOLBAR_HEIGHT
,
CELL_BOTTOM_MARGIN
,
CELL_
MARGIN
,
CELL_OUTPUT_PADDING
,
CELL_RUN_GUTTER
,
CELL_TOP_MARGIN
,
CODE_CELL_LEFT_MARGIN
,
COLLAPSED_INDICATOR_HEIGHT
,
MARKDOWN_CELL_BOTTOM_MARGIN
,
MARKDOWN_CELL_TOP_MARGIN
,
MARKDOWN_PREVIEW_PADDING
,
SCROLLABLE_ELEMENT_PADDING_TOP
}
from
'
vs/workbench/contrib/notebook/browser/constants
'
;
import
{
BOTTOM_CELL_TOOLBAR_GAP
,
BOTTOM_CELL_TOOLBAR_HEIGHT
,
CELL_BOTTOM_MARGIN
,
CELL_
OUTPUT_PADDING
,
CELL_RIGHT_MARGIN
,
CELL_RUN_GUTTER
,
CELL_TOP_MARGIN
,
CODE_CELL_LEFT_MARGIN
,
COLLAPSED_INDICATOR_HEIGHT
,
MARKDOWN_CELL_BOTTOM_MARGIN
,
MARKDOWN_CELL_TOP_MARGIN
,
MARKDOWN_PREVIEW_PADDING
,
SCROLLABLE_ELEMENT_PADDING_TOP
}
from
'
vs/workbench/contrib/notebook/browser/constants
'
;
import
{
CellEditState
,
CellFocusMode
,
IActiveNotebookEditor
,
ICellOutputViewModel
,
ICellViewModel
,
ICommonCellInfo
,
IDisplayOutputLayoutUpdateRequest
,
IFocusNotebookCellOptions
,
IGenericCellViewModel
,
IInsetRenderOutput
,
INotebookCellList
,
INotebookCellOutputLayoutInfo
,
INotebookDeltaDecoration
,
INotebookEditor
,
INotebookEditorContribution
,
INotebookEditorContributionDescription
,
INotebookEditorCreationOptions
,
INotebookEditorMouseEvent
,
NotebookEditorOptions
,
NotebookLayoutInfo
,
NOTEBOOK_EDITOR_EDITABLE
,
NOTEBOOK_EDITOR_FOCUSED
,
NOTEBOOK_EDITOR_ID
,
NOTEBOOK_OUTPUT_FOCUSED
}
from
'
vs/workbench/contrib/notebook/browser/notebookBrowser
'
;
import
{
NotebookDecorationCSSRules
,
NotebookRefCountedStyleSheet
}
from
'
vs/workbench/contrib/notebook/browser/notebookEditorDecorations
'
;
import
{
NotebookEditorExtensionsRegistry
}
from
'
vs/workbench/contrib/notebook/browser/notebookEditorExtensions
'
;
...
...
@@ -1019,7 +1019,7 @@ export class NotebookEditorWidget extends Disposable implements INotebookEditor
outputNodeLeftPadding
:
CELL_OUTPUT_PADDING
,
previewNodePadding
:
MARKDOWN_PREVIEW_PADDING
,
leftMargin
:
CODE_CELL_LEFT_MARGIN
,
cellMargin
:
CELL
_MARGIN
,
rightMargin
:
CELL_RIGHT
_MARGIN
,
runGutter
:
CELL_RUN_GUTTER
,
});
this
.
_webview
.
element
.
style
.
width
=
'
100%
'
;
...
...
@@ -2728,18 +2728,18 @@ registerThemingParticipant((theme, collector) => {
}
// Cell Margin
collector
.
addRule
(
`.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row div.cell { margin: 0px
${
CELL_MARGIN
*
2
}
px 0px
${
CELL_MARGIN
}
px; }`
);
collector
.
addRule
(
`.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .markdown-cell-row div.cell.code { margin-left:
${
CODE_CELL_LEFT_MARGIN
}
px; }`
);
collector
.
addRule
(
`.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .code-cell-row div.cell.code { margin-left:
${
CODE_CELL_LEFT_MARGIN
+
CELL_RUN_GUTTER
}
px; }`
);
collector
.
addRule
(
`.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row div.cell { margin-right:
${
CELL_RIGHT_MARGIN
}
px; }`
);
collector
.
addRule
(
`.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row > .cell-inner-container { padding-top:
${
CELL_TOP_MARGIN
}
px; }`
);
collector
.
addRule
(
`.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .markdown-cell-row > .cell-inner-container { padding-bottom:
${
MARKDOWN_CELL_BOTTOM_MARGIN
}
px; padding-top:
${
MARKDOWN_CELL_TOP_MARGIN
}
px; }`
);
collector
.
addRule
(
`.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .markdown-cell-row > .cell-inner-container.webview-backed-markdown-cell { padding: 0; }`
);
collector
.
addRule
(
`.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .markdown-cell-row > .webview-backed-markdown-cell.markdown-cell-edit-mode .cell.code { padding-top:
${
MARKDOWN_CELL_TOP_MARGIN
}
px; }`
);
collector
.
addRule
(
`.notebookOverlay .output { margin: 0px
${
CELL_MARGIN
}
px 0px
${
CODE_CELL_LEFT_MARGIN
+
CELL_RUN_GUTTER
}
px; }`
);
collector
.
addRule
(
`.notebookOverlay .output { width: calc(100% -
${
CODE_CELL_LEFT_MARGIN
+
CELL_RUN_GUTTER
+
(
CELL_MARGIN
*
2
)
}
px); }`
);
collector
.
addRule
(
`.notebookOverlay .output { margin: 0px
${
CELL_
RIGHT_
MARGIN
}
px 0px
${
CODE_CELL_LEFT_MARGIN
+
CELL_RUN_GUTTER
}
px; }`
);
collector
.
addRule
(
`.notebookOverlay .output { width: calc(100% -
${
CODE_CELL_LEFT_MARGIN
+
CELL_RUN_GUTTER
+
CELL_RIGHT_MARGIN
}
px); }`
);
collector
.
addRule
(
`.notebookOverlay .output-show-more-container { margin: 0px
${
CELL_MARGIN
}
px 0px
${
CODE_CELL_LEFT_MARGIN
+
CELL_RUN_GUTTER
}
px; }`
);
collector
.
addRule
(
`.notebookOverlay .output-show-more-container { width: calc(100% -
${
CODE_CELL_LEFT_MARGIN
+
CELL_RUN_GUTTER
+
(
CELL_MARGIN
*
2
)
}
px); }`
);
collector
.
addRule
(
`.notebookOverlay .output-show-more-container { margin: 0px
${
CELL_
RIGHT_
MARGIN
}
px 0px
${
CODE_CELL_LEFT_MARGIN
+
CELL_RUN_GUTTER
}
px; }`
);
collector
.
addRule
(
`.notebookOverlay .output-show-more-container { width: calc(100% -
${
CODE_CELL_LEFT_MARGIN
+
CELL_RUN_GUTTER
+
CELL_RIGHT_MARGIN
}
px); }`
);
collector
.
addRule
(
`.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row div.cell.markdown { padding-left:
${
CELL_RUN_GUTTER
}
px; }`
);
collector
.
addRule
(
`.notebookOverlay .cell .run-button-container { width: 20px; left:
${
CODE_CELL_LEFT_MARGIN
+
Math
.
floor
(
CELL_RUN_GUTTER
-
20
)
/
2
}
px }`
);
...
...
@@ -2748,7 +2748,7 @@ registerThemingParticipant((theme, collector) => {
collector
.
addRule
(
`.notebookOverlay .monaco-list .monaco-list-row.code-cell-row .cell-focus-indicator-left,
.notebookOverlay .monaco-list .monaco-list-row.code-cell-row .cell-drag-handle { width:
${
CODE_CELL_LEFT_MARGIN
+
CELL_RUN_GUTTER
}
px; }`
);
collector
.
addRule
(
`.notebookOverlay .monaco-list .monaco-list-row.markdown-cell-row .cell-focus-indicator-left { width:
${
CODE_CELL_LEFT_MARGIN
}
px; }`
);
collector
.
addRule
(
`.notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator.cell-focus-indicator-right { width:
${
CELL_
MARGIN
*
2
}
px; }`
);
collector
.
addRule
(
`.notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator.cell-focus-indicator-right { width:
${
CELL_
RIGHT_MARGIN
}
px; }`
);
collector
.
addRule
(
`.notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator-bottom { height:
${
CELL_BOTTOM_MARGIN
}
px; }`
);
collector
.
addRule
(
`.notebookOverlay .monaco-list .monaco-list-row .cell-shadow-container-bottom { top:
${
CELL_BOTTOM_MARGIN
}
px; }`
);
...
...
src/vs/workbench/contrib/notebook/browser/view/renderers/backLayerWebView.ts
浏览文件 @
d86ba38b
...
...
@@ -413,7 +413,7 @@ export class BackLayerWebView<T extends ICommonCellInfo> extends Disposable {
outputNodeLeftPadding
:
number
,
previewNodePadding
:
number
,
leftMargin
:
number
,
cell
Margin
:
number
,
right
Margin
:
number
,
runGutter
:
number
,
},
@
IWebviewService
readonly
webviewService
:
IWebviewService
,
...
...
@@ -436,7 +436,7 @@ export class BackLayerWebView<T extends ICommonCellInfo> extends Disposable {
}
private
generateContent
(
coreDependencies
:
string
,
baseUrl
:
string
)
{
const
markdownRenderersSrc
=
this
.
getMarkdownRendererScripts
();
const
outputWidth
=
`calc(100% -
${
this
.
options
.
leftMargin
+
(
this
.
options
.
cellMargin
*
2
)
+
this
.
options
.
runGutter
}
px)`
;
const
outputWidth
=
`calc(100% -
${
this
.
options
.
leftMargin
+
this
.
options
.
rightMargin
+
this
.
options
.
runGutter
}
px)`
;
const
outputMarginLeft
=
`
${
this
.
options
.
leftMargin
+
this
.
options
.
runGutter
}
px`
;
return
html
`
<html lang="en">
...
...
src/vs/workbench/contrib/notebook/browser/viewModel/codeCellViewModel.ts
浏览文件 @
d86ba38b
...
...
@@ -9,7 +9,7 @@ import * as editorCommon from 'vs/editor/common/editorCommon';
import
{
ITextModelService
}
from
'
vs/editor/common/services/resolverService
'
;
import
{
PrefixSumComputer
}
from
'
vs/editor/common/viewModel/prefixSumComputer
'
;
import
{
IConfigurationService
}
from
'
vs/platform/configuration/common/configuration
'
;
import
{
BOTTOM_CELL_TOOLBAR_GAP
,
BOTTOM_CELL_TOOLBAR_HEIGHT
,
CELL_BOTTOM_MARGIN
,
CELL_MARGIN
,
CELL_RUN_GUTTER
,
CELL_TOP_MARGIN
,
CODE_CELL_LEFT_MARGIN
,
COLLAPSED_INDICATOR_HEIGHT
,
EDITOR_BOTTOM_PADDING
,
EDITOR_TOOLBAR_HEIGHT
}
from
'
vs/workbench/contrib/notebook/browser/constants
'
;
import
{
BOTTOM_CELL_TOOLBAR_GAP
,
BOTTOM_CELL_TOOLBAR_HEIGHT
,
CELL_BOTTOM_MARGIN
,
CELL_
RIGHT_
MARGIN
,
CELL_RUN_GUTTER
,
CELL_TOP_MARGIN
,
CODE_CELL_LEFT_MARGIN
,
COLLAPSED_INDICATOR_HEIGHT
,
EDITOR_BOTTOM_PADDING
,
EDITOR_TOOLBAR_HEIGHT
}
from
'
vs/workbench/contrib/notebook/browser/constants
'
;
import
{
CellEditState
,
CellFindMatch
,
CodeCellLayoutChangeEvent
,
CodeCellLayoutInfo
,
CodeCellLayoutState
,
getEditorTopPadding
,
ICellOutputViewModel
,
ICellViewModel
,
NotebookLayoutInfo
}
from
'
vs/workbench/contrib/notebook/browser/notebookBrowser
'
;
import
{
CellOutputViewModel
}
from
'
vs/workbench/contrib/notebook/browser/viewModel/cellOutputViewModel
'
;
import
{
NotebookEventDispatcher
}
from
'
vs/workbench/contrib/notebook/browser/viewModel/eventDispatcher
'
;
...
...
@@ -131,7 +131,7 @@ export class CodeCellViewModel extends BaseCellViewModel implements ICellViewMod
}
private
computeEditorWidth
(
outerWidth
:
number
):
number
{
return
outerWidth
-
(
CODE_CELL_LEFT_MARGIN
+
(
CELL_MARGIN
*
2
)
+
CELL_RUN_GUTTER
);
return
outerWidth
-
(
CODE_CELL_LEFT_MARGIN
+
CELL_RUN_GUTTER
+
CELL_RIGHT_MARGIN
);
}
layoutChange
(
state
:
CodeCellLayoutChangeEvent
,
source
?:
string
)
{
...
...
src/vs/workbench/contrib/notebook/browser/viewModel/markdownCellViewModel.ts
浏览文件 @
d86ba38b
...
...
@@ -8,7 +8,7 @@ import * as UUID from 'vs/base/common/uuid';
import
*
as
editorCommon
from
'
vs/editor/common/editorCommon
'
;
import
*
as
nls
from
'
vs/nls
'
;
import
{
IConfigurationService
}
from
'
vs/platform/configuration/common/configuration
'
;
import
{
BOTTOM_CELL_TOOLBAR_GAP
,
BOTTOM_CELL_TOOLBAR_HEIGHT
,
C
ELL_MARGIN
,
CODE_CELL_LEFT_MARGIN
,
COLLAPSED_INDICATOR_HEIGHT
,
MARKDOWN_CELL_BOTTOM_MARGIN
,
MARKDOWN_CELL_TOP
_MARGIN
}
from
'
vs/workbench/contrib/notebook/browser/constants
'
;
import
{
BOTTOM_CELL_TOOLBAR_GAP
,
BOTTOM_CELL_TOOLBAR_HEIGHT
,
C
ODE_CELL_LEFT_MARGIN
,
COLLAPSED_INDICATOR_HEIGHT
,
MARKDOWN_CELL_BOTTOM_MARGIN
,
MARKDOWN_CELL_TOP_MARGIN
,
CELL_RIGHT
_MARGIN
}
from
'
vs/workbench/contrib/notebook/browser/constants
'
;
import
{
EditorFoldingStateDelegate
}
from
'
vs/workbench/contrib/notebook/browser/contrib/fold/foldingModel
'
;
import
{
CellEditState
,
CellFindMatch
,
ICellOutputViewModel
,
ICellViewModel
,
MarkdownCellLayoutChangeEvent
,
MarkdownCellLayoutInfo
,
NotebookLayoutInfo
}
from
'
vs/workbench/contrib/notebook/browser/notebookBrowser
'
;
import
{
MarkdownRenderer
}
from
'
vs/editor/browser/core/markdownRenderer
'
;
...
...
@@ -136,7 +136,7 @@ export class MarkdownCellViewModel extends BaseCellViewModel implements ICellVie
}
private
computeEditorWidth
(
outerWidth
:
number
)
{
return
outerWidth
-
(
CELL_MARGIN
*
2
)
-
CODE_CELL_LEF
T_MARGIN
;
return
outerWidth
-
CODE_CELL_LEFT_MARGIN
-
CELL_RIGH
T_MARGIN
;
}
layoutChange
(
state
:
MarkdownCellLayoutChangeEvent
)
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录