✨ feat(vscode): 代码阅读预览加 ⌘F 查找栏:整份文件查(折叠着的块里的也算,跳过去时展开),按页面上显示的字不分大小写匹配、中文名也认原名,Enter / ⌘G 跳、Esc 关,高亮直接画在页面上不重画卡片
This commit is contained in:
1 parent
cc3fcda051
commit
bd474986bd
27 files changed
+1833
-114
No files matched your search
@@ -397,6 +397,45 @@ body:is(.vscode-light, .vscode-high-contrast-light) .cr-colored { color: var(--c
|
||||
font-family: var(--vscode-editor-font-family, monospace);
|
||||
}
|
||||
|
||||
/*
|
||||
* 查找栏(FindBar.tsx)的输入框:配色同 VS Code 的输入框,聚焦时描焦点色。
|
||||
* 命中画成自定义高亮(findHighlights.ts,不动页面元素),颜色同 VS Code 编辑器的查找:各处命中垫 findMatchHighlightBackground,
|
||||
* 当前那处垫 findMatchBackground;自定义高亮画不了边框,当前那处的 findMatchBorder(主题给了才有,多是高对比主题)由 .cr-find-outline 盖上去。
|
||||
* 和单击名字的高亮([data-occurrence])各画各的,叠在一起时都看得见
|
||||
*/
|
||||
.cr-find-input {
|
||||
color: var(--vscode-input-foreground);
|
||||
font: inherit;
|
||||
background: var(--vscode-input-background);
|
||||
border: 1px solid var(--vscode-input-border, color-mix(in srgb, var(--vscode-foreground) 20%, transparent));
|
||||
outline: none;
|
||||
}
|
||||
.cr-find-input:focus {
|
||||
border-color: var(--vscode-focusBorder);
|
||||
}
|
||||
.cr-find-input::placeholder {
|
||||
color: var(--vscode-input-placeholderForeground);
|
||||
}
|
||||
::highlight(cr-find) {
|
||||
background-color: var(--vscode-editor-findMatchHighlightBackground);
|
||||
}
|
||||
::highlight(cr-find-current) {
|
||||
background-color: var(--vscode-editor-findMatchBackground);
|
||||
}
|
||||
/* 当前那处外面的框:按文档坐标摆,跟着页面滚;层级在页面内容之上,低于钉住的卡片(4)和筛选栏(10),滚到它们下面时被盖住 */
|
||||
.cr-find-outline {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
pointer-events: none;
|
||||
}
|
||||
.cr-find-outline > div {
|
||||
position: absolute;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid var(--vscode-editor-findMatchBorder, transparent);
|
||||
}
|
||||
|
||||
/* 属性表的属性名:界面字体,和值一样的行高,两边逐行对齐 */
|
||||
.cr-prop-label {
|
||||
font-size: 12.5px;
|
||||
|
||||
Reference in new issue
Block a user