diff options
| author | bobzel <zzzman@gmail.com> | 2024-10-09 09:26:26 -0400 |
|---|---|---|
| committer | bobzel <zzzman@gmail.com> | 2024-10-09 09:26:26 -0400 |
| commit | c9f90fbda9f9b3fc3e5fe5ade134f32af6074617 (patch) | |
| tree | 23fec4bc3289216da1ad86feb7b78d23185c74c3 | |
| parent | c97d849a56d4642d9eb750beccb748b7d8ac15bd (diff) | |
made sizing of flashcard messages and 3d carousel's dots reactive to doc size
| -rw-r--r-- | src/client/views/collections/CollectionCarousel3DView.tsx | 4 | ||||
| -rw-r--r-- | src/client/views/collections/FlashcardPracticeUI.tsx | 1 |
2 files changed, 4 insertions, 1 deletions
diff --git a/src/client/views/collections/CollectionCarousel3DView.tsx b/src/client/views/collections/CollectionCarousel3DView.tsx index 1583f0e0c..3bcf3450f 100644 --- a/src/client/views/collections/CollectionCarousel3DView.tsx +++ b/src/client/views/collections/CollectionCarousel3DView.tsx @@ -233,7 +233,9 @@ export class CollectionCarousel3DView extends CollectionSubView() { {this.content} </div> {this.buttons} - <div className="dot-bar">{this.dots}</div> + <div className="dot-bar" style={{ transform: `scale(${this.uiBtnScaleTransform})` }}> + {this.dots} + </div> <FlashcardPracticeUI setFilterFunc={this.setFilterFunc} fieldKey={this.fieldKey} diff --git a/src/client/views/collections/FlashcardPracticeUI.tsx b/src/client/views/collections/FlashcardPracticeUI.tsx index 072a2edef..a643c95b0 100644 --- a/src/client/views/collections/FlashcardPracticeUI.tsx +++ b/src/client/views/collections/FlashcardPracticeUI.tsx @@ -78,6 +78,7 @@ export class FlashcardPracticeUI extends ObservableReactComponent<PracticeUIProp return !practiceMessage && !filterMessage ? null : ( <p className="FlashcardPracticeUI-message" + style={{ transform: `scale(${this._props.uiBtnScaleTransform})` }} onClick={() => { if (filterMessage || practiceMessage) { this.setPracticeMode(undefined); |