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 */
|
/* Search match highlights */
|
||||||
mark.search-match-highlight {
|
.search-match-highlight {
|
||||||
background: rgba(255, 213, 0, 0.4);
|
background: rgba(255, 213, 0, 0.4);
|
||||||
color: inherit;
|
color: inherit;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
mark.search-match-active {
|
.search-match-active {
|
||||||
background: rgba(255, 150, 0, 0.6);
|
background: rgba(255, 150, 0, 0.6);
|
||||||
outline: 1px solid rgba(255, 150, 0, 0.8);
|
outline: 1px solid rgba(255, 150, 0, 0.8);
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
:root.dark mark.search-match-highlight {
|
:root.dark .search-match-highlight {
|
||||||
background: rgba(255, 213, 0, 0.25);
|
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);
|
background: rgba(255, 180, 0, 0.4);
|
||||||
outline-color: rgba(255, 180, 0, 0.6);
|
outline-color: rgba(255, 180, 0, 0.6);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user