GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-09-19 06:22:22 -04:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

Add focus class which mimics built-in focus

Browse source
This commit is contained in:
Henrik Giesel 2020-10-05 22:18:46 +02:00
parent 9018140eef
commit a08d83deda
3 changed files with 13 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
qt/aqt/reviewer.py
View file

@ -575,7 +575,7 @@ time = %(time)d;
def _showAnswerButton(self) -> None: def _showAnswerButton(self) -> None:
middle = """ middle = """
<span class=stattxt>%s</span><br> <span class=stattxt>%s</span><br>
<button title="%s" id=ansbut onclick='pycmd("ans");'>%s</button>""" % ( <button title="%s" id="ansbut" class="focus" onclick='pycmd("ans");'>%s</button>""" % (
self._remaining(), self._remaining(),
_("Shortcut key: %s") % _("Space"), _("Shortcut key: %s") % _("Space"),
_("Show Answer"), _("Show Answer"),
@ -644,7 +644,7 @@ time = %(time)d;
def but(i, label): def but(i, label):
if i == default: if i == default:
extra = "id=defease" extra = """id="defease" class="focus" """
else: else:
extra = "" extra = ""
due = self._buttonTime(i) due = self._buttonTime(i)

12
qt/ts/scss/reviewer-bottom.scss
View file

@ -33,7 +33,17 @@ button {
white-space: nowrap; white-space: nowrap;
} }
#ansbut { margin-bottom: 1em; } #ansbut {
margin-bottom: 1em;
}
.focus {
outline: 5px auto rgba(0, 103, 244, 0.247);
&:focus {
outline-color: rgba(92, 160, 255, 0.247);
}
}
.nobold { .nobold {
font-weight: normal; font-weight: normal;

2
qt/ts/src/reviewer-bottom.ts
View file

@ -36,14 +36,12 @@ let updateTime = function () {
function showQuestion(txt, maxTime_) { function showQuestion(txt, maxTime_) {
// much faster than jquery's .html() // much faster than jquery's .html()
$("#middle")[0].innerHTML = txt; $("#middle")[0].innerHTML = txt;
$("#ansbut").focus();
time = 0; time = 0;
maxTime = maxTime_; maxTime = maxTime_;
} }
function showAnswer(txt) { function showAnswer(txt) {
$("#middle")[0].innerHTML = txt; $("#middle")[0].innerHTML = txt;
$("#defease").focus();
} }
function selectedAnswerButton() { function selectedAnswerButton() {