diff options
| author | bobzel <zzzman@gmail.com> | 2024-10-10 15:22:06 -0400 |
|---|---|---|
| committer | bobzel <zzzman@gmail.com> | 2024-10-10 15:22:06 -0400 |
| commit | eded7f5aa62a2f0e19d5887a91ebc76163bdb996 (patch) | |
| tree | 00ccc96001d48da82127da180ffb7db7e2e1cc25 /src | |
| parent | f0f1d04df56eb95a6d28dcbeab5071bd681baa15 (diff) | |
fix for placement of flashcardUI buttons when zoomed out
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/views/collections/FlashcardPracticeUI.tsx | 3 |
1 files changed, 1 insertions, 2 deletions
diff --git a/src/client/views/collections/FlashcardPracticeUI.tsx b/src/client/views/collections/FlashcardPracticeUI.tsx index 272fb81dc..0e9fe89c9 100644 --- a/src/client/views/collections/FlashcardPracticeUI.tsx +++ b/src/client/views/collections/FlashcardPracticeUI.tsx @@ -127,8 +127,7 @@ export class FlashcardPracticeUI extends ObservableReactComponent<PracticeUIProp <div className="FlashcardPracticeUI-practiceModes" style={{ - transformOrigin: `0px ${-this.btnHeight()}px`, - transform: `scale(${Math.max(1, 1 / this._props.ScreenToLocalBoxXf().Scale)})`, + transform: `translateY(${(this.btnHeight() * (1 - Math.min(1, this._props.uiBtnScaling))) / this._props.ScreenToLocalBoxXf().Scale}px)`, }}> <MultiToggle tooltip="Practice flashcards one at a time" |