✨ feat(vscode): 代码阅读的函数和类可以看调用树
This commit is contained in:
cruldra committed
1 parent
8dc572bf94
commit
645542eb5c
17 files changed
+1679
-5
No files matched your search
@@ -1281,3 +1281,179 @@ del.cr-diff-word {
|
||||
white-space: pre;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
/* 调用树：盖住编辑区（文件树在预览外面，不会被压暗）。路径用当前块的种类色 */
|
||||
.cr-call-count {
|
||||
min-width: 14px;
|
||||
height: 14px;
|
||||
padding: 0 3px;
|
||||
border-radius: 7px;
|
||||
background: var(--vscode-badge-background);
|
||||
color: var(--vscode-badge-foreground);
|
||||
font-size: 9px;
|
||||
font-weight: 700;
|
||||
line-height: 14px;
|
||||
text-align: center;
|
||||
}
|
||||
.cr-call-overlay {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
z-index: 40;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
padding: 32px 24px;
|
||||
background: rgb(0 0 0 / 55%);
|
||||
}
|
||||
.cr-call-dialog {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: min(640px, 100%);
|
||||
max-height: 100%;
|
||||
overflow: hidden;
|
||||
border: 1px solid var(--vscode-editorWidget-border, var(--vscode-widget-border, transparent));
|
||||
border-radius: 8px;
|
||||
background: var(--vscode-editorWidget-background, var(--vscode-editor-background));
|
||||
color: var(--vscode-editorWidget-foreground, var(--vscode-foreground));
|
||||
box-shadow: 0 8px 28px var(--vscode-widget-shadow);
|
||||
}
|
||||
.cr-call-title {
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
height: 44px;
|
||||
padding: 0 14px;
|
||||
border-bottom: 1px solid var(--vscode-widget-border, var(--vscode-panel-border, transparent));
|
||||
}
|
||||
.cr-call-heading {
|
||||
font-weight: 600;
|
||||
}
|
||||
.cr-call-symbol,
|
||||
.cr-call-name {
|
||||
color: var(--kind);
|
||||
font-family: var(--vscode-editor-font-family, monospace);
|
||||
font-weight: 600;
|
||||
}
|
||||
.cr-call-loc {
|
||||
color: var(--vscode-disabledForeground, var(--vscode-descriptionForeground));
|
||||
font-family: var(--vscode-editor-font-family, monospace);
|
||||
font-size: 11px;
|
||||
}
|
||||
.cr-call-close {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-left: auto;
|
||||
border: 0;
|
||||
border-radius: 4px;
|
||||
background: transparent;
|
||||
color: var(--vscode-descriptionForeground);
|
||||
}
|
||||
.cr-call-entries {
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
padding: 12px 16px 4px;
|
||||
}
|
||||
.cr-call-entry {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
height: 28px;
|
||||
padding: 0 10px;
|
||||
border: 1px solid var(--vscode-widget-border, var(--vscode-panel-border, transparent));
|
||||
border-radius: 6px;
|
||||
background: var(--vscode-input-background, transparent);
|
||||
color: var(--vscode-foreground);
|
||||
font-size: 12px;
|
||||
}
|
||||
.cr-call-entry[aria-selected="true"] {
|
||||
border-color: var(--vscode-focusBorder);
|
||||
background: var(--vscode-list-activeSelectionBackground);
|
||||
color: var(--vscode-list-activeSelectionForeground);
|
||||
font-weight: 600;
|
||||
}
|
||||
.cr-call-hits {
|
||||
color: var(--vscode-disabledForeground, var(--vscode-descriptionForeground));
|
||||
font-size: 11px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.cr-call-entry[aria-selected="true"] .cr-call-hits {
|
||||
color: var(--vscode-list-activeSelectionForeground);
|
||||
}
|
||||
.cr-call-body {
|
||||
min-height: 0;
|
||||
padding: 12px 16px 16px;
|
||||
overflow: auto;
|
||||
}
|
||||
.cr-call-note {
|
||||
margin: 8px 0;
|
||||
color: var(--vscode-descriptionForeground);
|
||||
}
|
||||
.cr-call-row {
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
gap: 8px;
|
||||
}
|
||||
.cr-call-row + .cr-call-row {
|
||||
margin-top: 8px;
|
||||
}
|
||||
.cr-call-guide {
|
||||
flex-shrink: 0;
|
||||
width: 2px;
|
||||
border-radius: 1px;
|
||||
background: var(--kind);
|
||||
}
|
||||
.cr-call-guide[data-folded] {
|
||||
align-self: center;
|
||||
height: 16px;
|
||||
background: var(--vscode-editorIndentGuide-background1, var(--vscode-tree-inactiveIndentGuidesStroke));
|
||||
}
|
||||
.cr-call-card {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
padding: 7px 10px;
|
||||
border: 1px solid color-mix(in srgb, var(--kind) 35%, transparent);
|
||||
border-radius: 8px;
|
||||
background: color-mix(in srgb, var(--kind) 7%, transparent);
|
||||
}
|
||||
.cr-call-card[data-current] {
|
||||
border-color: var(--kind);
|
||||
background: color-mix(in srgb, var(--kind) 14%, transparent);
|
||||
}
|
||||
.cr-call-line,
|
||||
.cr-call-sub {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
.cr-call-line {
|
||||
color: var(--kind);
|
||||
}
|
||||
.cr-call-sub {
|
||||
margin-top: 2px;
|
||||
color: var(--vscode-descriptionForeground);
|
||||
font-size: 12px;
|
||||
}
|
||||
.cr-call-pill {
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
align-items: center;
|
||||
height: 18px;
|
||||
margin-left: auto;
|
||||
padding: 0 6px;
|
||||
border-radius: 9px;
|
||||
background: var(--kind);
|
||||
color: var(--vscode-editor-background);
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.cr-call-folded {
|
||||
align-self: center;
|
||||
color: var(--vscode-disabledForeground, var(--vscode-descriptionForeground));
|
||||
font-size: 12px;
|
||||
}
|
||||
Reference in new issue
Block a user