✨ feat(vscode): 代码阅读预览顶部加块筛选栏
语言插件按和语言无关的 id 报块属性(通用的由宿主从 facts 推),翻译插件起名,webview 只按 id 筛; 筛选整个工作区共用、记在 workspaceState;JavaScript 不再显示「抽象:否」「仅类型:否」
This commit is contained in:
1 parent
4eaf2ae11d
commit
1c7e31c51a
29 files changed
+1364
-319
No files matched your search
@@ -281,3 +281,70 @@ body.vscode-high-contrast-light {
|
||||
position: relative;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* 筛选栏:钉在预览顶部、横贯整个编辑区,里面的内容和代码块同宽对齐;打开的下拉菜单盖在代码块上面 */
|
||||
.cr-filter-bar {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 10;
|
||||
background: var(--vscode-editor-background);
|
||||
border-bottom: 1px solid var(--vscode-panel-border, transparent);
|
||||
}
|
||||
.cr-chip {
|
||||
color: var(--vscode-dropdown-foreground, var(--vscode-foreground));
|
||||
background: var(--vscode-dropdown-background);
|
||||
border: 1px solid var(--vscode-dropdown-border, var(--vscode-dropdown-background));
|
||||
}
|
||||
.cr-chip[data-active] {
|
||||
border-color: var(--vscode-focusBorder);
|
||||
}
|
||||
.cr-chip:focus-visible {
|
||||
outline: 1px solid var(--vscode-focusBorder);
|
||||
outline-offset: -1px;
|
||||
}
|
||||
.cr-menu {
|
||||
color: var(--vscode-editorWidget-foreground, var(--vscode-foreground));
|
||||
background: var(--vscode-editorWidget-background);
|
||||
border: 1px solid var(--vscode-editorWidget-border, var(--vscode-widget-border, transparent));
|
||||
box-shadow: 0 2px 8px var(--vscode-widget-shadow, rgb(0 0 0 / 36%));
|
||||
outline: none;
|
||||
}
|
||||
.cr-option[data-active] {
|
||||
background: var(--vscode-list-hoverBackground);
|
||||
}
|
||||
/* 键盘在列表里走时,高亮项再描一圈聚焦色 */
|
||||
.cr-menu:focus-visible .cr-option[data-active] {
|
||||
outline: 1px solid var(--vscode-list-focusOutline, var(--vscode-focusBorder));
|
||||
outline-offset: -1px;
|
||||
}
|
||||
.cr-check {
|
||||
border: 1px solid var(--vscode-checkbox-border, var(--vscode-editorLineNumber-foreground));
|
||||
border-radius: 3px;
|
||||
background: var(--vscode-checkbox-background, transparent);
|
||||
}
|
||||
.cr-check[data-checked] {
|
||||
color: var(--vscode-button-foreground, #fff);
|
||||
background: var(--vscode-focusBorder);
|
||||
border-color: var(--vscode-focusBorder);
|
||||
}
|
||||
.cr-option-count {
|
||||
color: var(--vscode-editorLineNumber-foreground);
|
||||
}
|
||||
.cr-link {
|
||||
color: var(--vscode-textLink-foreground);
|
||||
}
|
||||
.cr-link:hover {
|
||||
color: var(--vscode-textLink-activeForeground);
|
||||
text-decoration: underline;
|
||||
}
|
||||
.cr-link:focus-visible {
|
||||
outline: 1px solid var(--vscode-focusBorder);
|
||||
outline-offset: 1px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
/* 跳到定义临时露出来的、本来被筛掉的块:右边一个小提示 */
|
||||
.cr-temporary {
|
||||
color: var(--vscode-descriptionForeground);
|
||||
background: color-mix(in srgb, var(--vscode-focusBorder) 15%, transparent);
|
||||
}
|
||||
Reference in new issue
Block a user