monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2024-09-22 00:06:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix caret animation to work with all styles

Browse source
This commit is contained in:
bhomie 2020-05-28 21:39:51 -07:00
parent 845a19a615
commit c432e94839
2 changed files with 3 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
public/css/style.scss
View file

@ -321,7 +321,6 @@ a:hover {
@extend #caret, .block;
background: transparent;
border: 1px solid var(--caret-color);
animation-name: caretOutlineFlash;
}
#caret.underline{
@ -348,19 +347,10 @@ a:hover {
@keyframes caretFlash {
0%, 100% {
background: transparent;
opacity: 0;
}
50% {
background: var(--caret-color);
}
}
@keyframes caretOutlineFlash {
0%, 100% {
border-color: transparent;
}
50% {
border-color: var(--caret-color);
opacity: 1;
}
}

2
public/js/script.js
View file

@ -313,7 +313,7 @@ function showCaret() {
function stopCaretAnimation() {
$("#caret").css("animation-name", "none");
$("#caret").css("background-color", "var(--caret-color)");
$("#caret").css("opacity", "1");
}
function startCaretAnimation() {