fix(search): CSS选择器从mark改为通用类名
ProseMirror Decoration.inline渲染的是<span>而非<mark>, 导致mark.search-match-highlight选择器无法匹配,高亮不可见
This commit is contained in:
@@ -1579,24 +1579,24 @@ button:focus-visible,
|
||||
}
|
||||
|
||||
/* Search match highlights */
|
||||
mark.search-match-highlight {
|
||||
.search-match-highlight {
|
||||
background: rgba(255, 213, 0, 0.4);
|
||||
color: inherit;
|
||||
border-radius: 2px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
mark.search-match-active {
|
||||
.search-match-active {
|
||||
background: rgba(255, 150, 0, 0.6);
|
||||
outline: 1px solid rgba(255, 150, 0, 0.8);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
:root.dark mark.search-match-highlight {
|
||||
:root.dark .search-match-highlight {
|
||||
background: rgba(255, 213, 0, 0.25);
|
||||
}
|
||||
|
||||
:root.dark mark.search-match-active {
|
||||
:root.dark .search-match-active {
|
||||
background: rgba(255, 180, 0, 0.4);
|
||||
outline-color: rgba(255, 180, 0, 0.6);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user