mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2025-01-10 01:10:28 +00:00
fix: ensure hightlight is visible
This commit is contained in:
parent
6b6124369c
commit
d8bdd09eb0
@ -45,7 +45,10 @@ BlockIdWidget.prototype.hookFocusElementEvent = function(event) {
|
|||||||
element.focus({ focusVisible: true });
|
element.focus({ focusVisible: true });
|
||||||
// toggle class to trigger highlight animation
|
// toggle class to trigger highlight animation
|
||||||
$tw.utils.removeClass(element,"tc-focus-highlight");
|
$tw.utils.removeClass(element,"tc-focus-highlight");
|
||||||
$tw.utils.addClass(element,"tc-focus-highlight");
|
// Using setTimeout to ensure the removal takes effect before adding the class again.
|
||||||
|
setTimeout(function() {
|
||||||
|
$tw.utils.addClass(element,"tc-focus-highlight");
|
||||||
|
}, 50);
|
||||||
return false;
|
return false;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -2416,9 +2416,11 @@ html body.tc-body.tc-single-tiddler-window {
|
|||||||
@keyframes fadeHighlight {
|
@keyframes fadeHighlight {
|
||||||
0% {
|
0% {
|
||||||
background-color: <<colour highlight-background>>;
|
background-color: <<colour highlight-background>>;
|
||||||
|
border-color: <<colour highlight-background>>;
|
||||||
}
|
}
|
||||||
100% {
|
100% {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
border-color: transparent;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user