anki/ts/editor
Matthias Metelka f169ee0933
Revamp Preferences, implement Minimalist Mode and Qt widget gallery to test GUI changes (#2289)
* Create widget gallery dialog

* Add WidgetGallery to debug dialog

* Use enum for its intended purpose

* Rename "reduced-motion" to "reduce-motion"

* Add another border-radius value

and make former large radius a bit smaller.

* Revamp preferences, add minimalist mode

Also:
- create additional and missing widget styles and tweak existing ones
- use single profile entry to set widget styles and reduce choices to Anki and Native

* Indent QTabBar style definitions

* Add missing styles for QPushButton states

* Fix QTableView background

* Remove unused layout from Preferences

* Fix QTabView focused tab style

* Highlight QCheckBox and QRadioButton when focused

* Fix toolbar styles

* Reorder preferences

* Add setting to hide bottom toolbar

* Move toolbar settings above minimalist modes

* Remove unused lines

* Implement proper full-screen mode

* Sort imports

* Tweak deck overview appearance in minimalist mode

* Undo TitledContainer changes

since nobody asked for that

* Remove dynamic toolbar background from minimalist mode

* Tweak buttons in minimalist mode

* Fix some issues

* Reduce theme check interval to 5s on Linux

* Increase hide timer interval to 2s

* Collapse toolbars with slight delay when moving to review state

This should ensure the bottom toolbar collapses too.

* Allow users to make hiding exclusive to full screen

* Rename full screen option

* Fix hide mode dropdown ignoring checkbox state on startup

* Fix typing issue

* Refine background image handling

Giving the toolbar body the main webview height ensures background-size: cover behaves exactly the same.

To prevent an override of other background properties, users are advised to only set background-images via the background-image property, not the background shorthand.

* Fix top toolbar getting huge when switching modes

The issue was caused by the min-height hack to align the background images. A call to web.adjustHeightToFit would set the toolbar to the same height as the main webview, as the function makes use of document.offsetHeight.

* Prevent scrollbar from appearing on bottom toolbar resize

* Cleanup

* Put review tab before editing; fix some tab orders

* Rename 'network' to 'syncing'

* Fix bottom toolbar disappearing on UI > 100

* Improve Preferences layout by adding vertical spacers to the bottom

also make the hiding of video_driver and its label more obvious in preferences.py.

* Fix bottom toolbar animating on startup

Also fix bottom toolbar not appearing when unchecking hide mode in reviewer.

* Hide/Show menubar in fullscreen mode along with toolbar

* Attempt to fix broken native theme on macOS

* Format

* Improve native theme on other systems by not forcing palette

with the caveat that theme switching can get weird.

* Fix theme switching in native style

* Remove redundant condition

* Add back check for Qt5 to prevent theme issues

* Add check for macOS before setting fusion theme

* Do not force scrollbar styles on macOS

* Remove all of that crazy theme logic

* Use canvas instead of button-bg for ColorRole.Button

* Make sure Anki style is always based on Fusion

otherwise we can't guarantee the same look on all systems.

* Explicitly apply default style when Anki style is not selected

This should fix the style not switching back after it was selected.

* Remove reduncant default_palette

* Revert 8af4c1cc2

On Mac with native theme, both Qt5 and Qt6 look correct already. On
the Anki theme, without this change, we get the fusion-style scrollbars
instead of the rounded ones.

* Rename AnkiStyles enum to WidgetStyle

* Fix theme switching shades on same theme

* Format

* Remove unused placeholderText

that caused an error when opening the widget gallery on Qt5.

* Check for full screen windowState using bitwise operator

to prevent error in Qt5.

Credit: https://stackoverflow.com/a/65425151

* Hide style option on Windows

also exclude native option from dropdown just in case.

* Format

* Minor naming tweak
2023-01-18 21:24:16 +10:00
..
editor-toolbar Fix possible unexpected flash of pop-up menu (#2274) 2022-12-19 12:07:47 +10:00
image-overlay Fix and refactor image size constraints (#2318) 2023-01-13 23:18:25 +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 Fix quotes breaking field descriptions, and prevent content injection 2023-01-13 16:37:49 +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 Revamp Preferences, implement Minimalist Mode and Qt widget gallery to test GUI changes (#2289) 2023-01-18 21:24:16 +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 Revamp Preferences, implement Minimalist Mode and Qt widget gallery to test GUI changes (#2289) 2023-01-18 21:24:16 +10:00
StickyBadge.svelte Revamp Preferences, implement Minimalist Mode and Qt widget gallery to test GUI changes (#2289) 2023-01-18 21:24:16 +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