open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use our match-highlighter.js mod that reveals only multiple matches

Browse Source
This commit is contained in:
tophf 2017-03-29 01:55:14 +03:00
parent 6265951d01
commit c4f219c039
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
edit.html
View File

@ -9,7 +9,7 @@
<link rel="stylesheet" href="codemirror/addon/search/matchesonscrollbar.css"> <link rel="stylesheet" href="codemirror/addon/search/matchesonscrollbar.css">
<script src="codemirror/addon/scroll/annotatescrollbar.js"></script> <script src="codemirror/addon/scroll/annotatescrollbar.js"></script>
<script src="codemirror/addon/search/matchesonscrollbar.js"></script> <script src="codemirror/addon/search/matchesonscrollbar.js"></script>
<script src="codemirror/addon/search/match-highlighter.js"></script> <script src="codemirror-overwrites/addon/search/match-highlighter.js"></script>
<script src="codemirror/addon/dialog/dialog.js"></script> <script src="codemirror/addon/dialog/dialog.js"></script>
<script src="codemirror/addon/search/searchcursor.js"></script> <script src="codemirror/addon/search/searchcursor.js"></script>
<script src="codemirror/addon/search/search.js"></script> <script src="codemirror/addon/search/search.js"></script>
@ -192,12 +192,10 @@
.CodeMirror-search-hint { .CodeMirror-search-hint {
color: #888; color: #888;
} }
.cm-matchhighlight { .cm-matchhighlight-approved .cm-matchhighlight,
text-decoration: underline;
text-decoration-skip: ink;
}
.CodeMirror-selection-highlight-scrollbar { .CodeMirror-selection-highlight-scrollbar {
background-color: rgba(144, 179, 214, 0.3); animation: fadein-match-highlighter 1s cubic-bezier(.97,.01,.42,.98);
animation-fill-mode: both;
} }
@-webkit-keyframes highlight { @-webkit-keyframes highlight {
from { from {
@ -215,6 +213,10 @@
opacity: 1; opacity: 1;
} }
} }
@keyframes fadein-match-highlighter {
from { background-color: transparent; }
to { background-color: rgba(1, 151, 193, 0.1); }
}
.resize-grip { .resize-grip {
position: absolute; position: absolute;
display: block; display: block;