diff options
| author | bobzel <zzzman@gmail.com> | 2024-10-10 10:03:03 -0400 |
|---|---|---|
| committer | bobzel <zzzman@gmail.com> | 2024-10-10 10:03:03 -0400 |
| commit | f0f1d04df56eb95a6d28dcbeab5071bd681baa15 (patch) | |
| tree | 5ddabc3d5760d028660ada2b8240111246f4b8f2 /src/client/views/collections/FlashcardPracticeUI.tsx | |
| parent | e9bf4605675857ee9e822c1051107fe86dc1bc16 (diff) | |
tweaks to cardDeck view so that cards are activated when clicked, but not selected. This is consistent with carousel behavior and allows flashcards to behave the same way. Also added advance to nexst card for card view
Diffstat (limited to 'src/client/views/collections/FlashcardPracticeUI.tsx')
| -rw-r--r-- | src/client/views/collections/FlashcardPracticeUI.tsx | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/src/client/views/collections/FlashcardPracticeUI.tsx b/src/client/views/collections/FlashcardPracticeUI.tsx index efa94d845..272fb81dc 100644 --- a/src/client/views/collections/FlashcardPracticeUI.tsx +++ b/src/client/views/collections/FlashcardPracticeUI.tsx @@ -107,12 +107,12 @@ export class FlashcardPracticeUI extends ObservableReactComponent<PracticeUIProp return this.practiceMode == practiceMode.PRACTICE && this._props.curDoc() ? ( <div className="FlashcardPracticeUI-practice" style={{ transform: `scale(${this._props.uiBtnScaling})`, bottom: `${this._props.practiceBtnOffset ?? this._props.sideBtnWidth}px`, height: `${this._props.sideBtnWidth}px` }}> <Tooltip title="Incorrect. View again later."> - <div key="remove" className="FlashcardPracticeUI-remove" onClick={e => setPracticeVal(e, practiceVal.MISSED)}> + <div key="remove" className="FlashcardPracticeUI-remove" onPointerDown={e => setupMoveUpEvents(this, e, returnFalse, emptyFunction, () => setPracticeVal(e, practiceVal.MISSED))}> <FontAwesomeIcon icon="xmark" color="red" size="1x" /> </div> </Tooltip> <Tooltip title="Correct"> - <div key="check" className="FlashcardPracticeUI-check" onClick={e => setPracticeVal(e, practiceVal.CORRECT)}> + <div key="check" className="FlashcardPracticeUI-check" onPointerDown={e => setupMoveUpEvents(this, e, returnFalse, emptyFunction, () => setPracticeVal(e, practiceVal.CORRECT))}> <FontAwesomeIcon icon="check" color="green" size="1x" /> </div> </Tooltip> |