Anki/ts/editor
Matthias Metelka 9f8667fb47
Auto-hide toolbar in Reviewer (#2262)
* Give webviews a slide-in animation

if reduced motion isn't set.

* Auto-hide toolbar in review mode

moving the mouse above the main webview expands the toolbar. When the mouse leaves the toolbar, it will collapse after a delay of 2s.

* Save some space on bottom toolbars

* Use props for all hard-coded transition durations

and decrease most commonly used duration (200ms) to 150ms.

* Move auto-hide logic into ToolbarWebView

and handle auto-hide specific events in the respective webview subclasses.

* Fix typing issues

* Fix flickering issue

* Add auto_hide_toolbar opt-in to preferences

* Rename hide_toolbar to collapse_toolbar

to better describe the dock-like behaviour.

* Rename setting to minimize_distractions

* Reduce calls to pm in eventFilter

* Run formatter

* Revert setting title to something more specific

* Increase default animation time to 180ms

* Inset toolbar in review mode

when auto-hide is not enabled.

* Use card background on toolbar and add glass effect

* Use flatten/elevate over inset/outset

* Use flatten/elevate over inset/outset

* Update toolbar.py

* Fix toolbar background delay

* Tweak styles

* Use "collapse" instead of "auto-hide"

* Fix background misalignment in collapse mode

* Do not collapse toolbar when pointer is outside MainWebView

* Reduce hide_timer interval to 1000ms

* Use CSS to hide toolbar instead of setting webview height

* Add guard to prevent backdrop-filter: blur on Qt 5.14

* Apply transition to body instead of toolbar

to not complicate things for #2301.

* Fix Qt 5.14 and apply guard globally

* Fix background image scaling difference

* Tweak preference wording (dae)
2023-01-09 14:39:31 +10:00
..
editor-toolbar Fix possible unexpected flash of pop-up menu (#2274) 2022-12-19 12:07:47 +10:00
image-overlay Formatting tweak 2022-12-28 11:53:21 +10:00
mathjax-overlay Fix cloze buttons not working in MathJax editor 2023-01-05 15:58:32 +10:00
plain-text-input Re-enable formatting for .svelte files 2022-11-28 09:17:39 +10:00
rich-text-input Re-enable formatting for .ts files 2022-11-28 09:33:04 +10:00
symbols-overlay Re-enable formatting for .svelte files 2022-11-28 09:17:39 +10:00
base.ts Move away from Bazel (#2202) 2022-11-27 15:24:20 +10:00
BrowserEditor.svelte Use eslint for sorting our imports (#1637) 2022-02-04 18:36:34 +10:00
change-timer.ts Add ChangeTimer.prototype.fireImmediately 2021-09-16 14:47:05 +02:00
ClozeButtons.svelte Fix cloze buttons not working in MathJax editor 2023-01-05 15:58:32 +10:00
code-mirror.ts Make auto-closing of HTML tags default but optional (#2101) 2022-10-03 13:14:57 +10:00
CodeMirror.svelte Re-enable formatting for .svelte files 2022-11-28 09:17:39 +10:00
CollapseBadge.svelte Auto-hide toolbar in Reviewer (#2262) 2023-01-09 14:39:31 +10:00
decorated-elements.ts Move away from Bazel (#2202) 2022-11-27 15:24:20 +10:00
destroyable.ts Re-enable formatting for .ts files 2022-11-28 09:33:04 +10:00
DuplicateLink.svelte Move away from Bazel (#2202) 2022-11-27 15:24:20 +10:00
EditingArea.svelte Move away from Bazel (#2202) 2022-11-27 15:24:20 +10:00
editor-base.scss Improve Select component and add it back to Change Notetype screen (#2239) 2022-12-07 15:31:37 +10:00
EditorField.svelte Give containers brighter color than canvas (#2220) 2022-11-29 17:54:42 +10:00
FieldDescription.svelte Re-enable formatting for .svelte files 2022-11-28 09:17:39 +10:00
Fields.svelte Finish #2070: Single overlay instead of per field (#2144) 2022-10-27 09:11:36 +10:00
FieldState.svelte Field redesign (#2002) 2022-08-19 10:02:28 +10:00
HandleBackground.svelte Use WithFloating for MathjaxOverlay (#2011) 2022-09-05 17:20:00 +10:00
HandleControl.svelte Use WithFloating for MathjaxOverlay (#2011) 2022-09-05 17:20:00 +10:00
HandleLabel.svelte Move away from Bazel (#2202) 2022-11-27 15:24:20 +10:00
helpers.ts Introduce setting to collapse field by default (#1990) 2022-08-31 23:34:39 +10:00
icons.ts Re-enable formatting for .ts files 2022-11-28 09:33:04 +10:00
index_browser.ts Move away from Bazel (#2202) 2022-11-27 15:24:20 +10:00
index_creator.ts Move away from Bazel (#2202) 2022-11-27 15:24:20 +10:00
index_reviewer.ts Move away from Bazel (#2202) 2022-11-27 15:24:20 +10:00
LabelContainer.svelte Give containers brighter color than canvas (#2220) 2022-11-29 17:54:42 +10:00
LabelName.svelte Editor Field Descriptions (#1476) 2021-11-06 09:42:48 +10:00
legacy.scss Remove inset shorthand property for Qt5 support (#2180) 2022-11-05 10:55:17 +10:00
NoteCreator.svelte Re-enable formatting for .svelte files 2022-11-28 09:17:39 +10:00
NoteEditor.svelte Persist field states with SessionOptions object (#2241) 2022-12-07 15:37:46 +10:00
Notification.svelte Introduce new color palette using Sass maps (#2016) 2022-09-16 14:11:18 +10:00
old-editor-adapter.ts Plaintext import/export (#1850) 2022-06-01 20:26:16 +10:00
PlainTextBadge.svelte Re-enable formatting for .svelte files 2022-11-28 09:17:39 +10:00
PreviewButton.svelte Re-enable formatting for .svelte files 2022-11-28 09:17:39 +10:00
ReviewerEditor.svelte Use eslint for sorting our imports (#1637) 2022-02-04 18:36:34 +10:00
RichTextBadge.svelte Re-enable formatting for .svelte files 2022-11-28 09:17:39 +10:00
StickyBadge.svelte Re-enable formatting for .svelte files 2022-11-28 09:17:39 +10:00
surround.ts Fix formatting inside selection not being removed 2022-12-03 21:41:54 +10:00
tsconfig.json Insert symbols overlay (#2051) 2022-09-10 18:46:59 +10:00
types.ts Persist field states with SessionOptions object (#2241) 2022-12-07 15:37:46 +10:00