anki/ts/components
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
..
Absolute.svelte
Badge.svelte Insert symbols overlay (#2051) 2022-09-10 18:46:59 +10:00
ButtonGroup.svelte
ButtonGroupItem.svelte Use eslint for sorting our imports (#1637) 2022-02-04 18:36:34 +10:00
ButtonToolbar.svelte UI size tweaks (#2184) 2022-11-23 16:50:15 +10:00
CheckBox.svelte UI size tweaks (#2184) 2022-11-23 16:50:15 +10:00
Col.svelte Redesign deck options screen, swap tooltips for help modals (#2139) 2022-10-25 16:18:50 +10:00
Collapsible.svelte Fix reduce motion bottom border issues (#2185) 2022-11-08 22:57:10 +10:00
Container.svelte
context-keys.ts Refactor Select component | Fix CSV import issue (#2227) 2022-12-01 19:24:26 +10:00
DropdownDivider.svelte
DropdownItem.svelte Add style for disabled DropdownItem (#2265) 2022-12-11 13:06:18 +10:00
DynamicallySlottable.svelte Move away from Bazel (#2202) 2022-11-27 15:24:20 +10:00
FloatingArrow.svelte Remove dark theme exclusive inset shadow from FloatingArrow (#2257) 2022-12-11 11:18:59 +10:00
helpers.ts Re-enable formatting for .ts files 2022-11-28 09:33:04 +10:00
HorizontalResizer.svelte Re-enable formatting for .svelte files 2022-11-28 09:17:39 +10:00
IconButton.svelte UI size tweaks (#2184) 2022-11-23 16:50:15 +10:00
IconConstrain.svelte Redesign deck options inputs (#2082) 2022-09-27 12:16:45 +10:00
icons.ts Rework spinner buttons (#2230) 2022-12-04 13:18:49 +10:00
Item.svelte
LabelButton.svelte UI size tweaks (#2184) 2022-11-23 16:50:15 +10:00
Pane.svelte Move away from Bazel (#2202) 2022-11-27 15:24:20 +10:00
PaneContent.svelte Auto-hide toolbar in Reviewer (#2262) 2023-01-09 14:39:31 +10:00
Popover.svelte Fix popover animation causing placement switching loop (#2246) 2022-12-08 22:35:55 +10:00
resizable.ts Make tags editor resizable using Henrik's components (#2046) 2022-09-28 14:02:32 +10:00
Row.svelte
Select.svelte Improve Select component and add it back to Change Notetype screen (#2239) 2022-12-07 15:31:37 +10:00
SelectOption.svelte Improve Select component and add it back to Change Notetype screen (#2239) 2022-12-07 15:31:37 +10:00
Shortcut.svelte Move away from Bazel (#2202) 2022-11-27 15:24:20 +10:00
Spacer.svelte
SpinBox.svelte Make SpinBox chevrons more subtle (#2243) 2022-12-08 22:32:35 +10:00
StickyContainer.svelte Redesign deck options inputs (#2082) 2022-09-27 12:16:45 +10:00
Switch.svelte Fix various RTL issues (#2172) 2022-11-02 21:47:07 +10:00
TitledContainer.svelte Auto-hide toolbar in Reviewer (#2262) 2023-01-09 14:39:31 +10:00
tsconfig.json
types.ts Make tags editor resizable using Henrik's components (#2046) 2022-09-28 14:02:32 +10:00
VerticalResizer.svelte Re-enable formatting for .svelte files 2022-11-28 09:17:39 +10:00
WithContext.svelte Use eslint for sorting our imports (#1637) 2022-02-04 18:36:34 +10:00
WithFloating.svelte Fix glitchy animation of floating elements (#2224) 2022-12-01 15:45:52 +10:00
WithOverlay.svelte Fix glitchy animation of floating elements (#2224) 2022-12-01 15:45:52 +10:00
WithState.svelte Use WithFloating for MathjaxOverlay (#2011) 2022-09-05 17:20:00 +10:00
WithTooltip.svelte Default input setting in fields dialog (#1987) 2022-08-18 12:30:18 +10:00