mirror of
https://github.com/ankitects/anki.git
synced 2025-11-19 19:17:12 -05:00
f72570c604
* Make tags editor resizable using Henrik's components All credit for the components goes to Henrik. I just tweaked the design a bit and implemented them in NoteEditor. Co-Authored-By: Henrik Giesel <hengiesel@gmail.com> * Remove PaneContent padding Co-Authored-By: Henrik Giesel <hengiesel@gmail.com> * Add responsive box-shadows on scroll/resize only shown when content overflows in the respective direction. * Remove comment * Fix overflow calculations and shadow mix-up This happened when I switched from using scrolledToX to overflowX booleans. * Simplify overflow calculations * Make drag handles 0 height/width The remaining height requirement comes from a margin set on NoteEditor. * Run eslint on components * Split editor into three panes: Toolbar, Fields, Tags * Remove upper split for now to unblock 2.1.55 beta * Move panes.scss to sass folder * Use single type for resizable panes * Implement collapsed state toggled with click on resizer * Add button to uncollapse tags pane and focus input * Add indicator for # of tags * Use dbclick to prevent interference with resize state * Add utility functions for expand/collapse * Meddle around with types and formatting * Fix collapsed state being forgotten on second browser open (dae) * Fix typecheck (dae) Our tooling generates .d.ts files from the Svelte files, but it doesn't expect variables to be exported. By changing them into functions, they get included in .bazel/bin/ts/components/Pane.svelte.d.ts * Remove an unnecessary bridgeCommand (dae) * Fix the bottom of tags getting cut off (dae) Not sure why offsetHeight is inaccurate in this case. * Add missing header (dae) Co-authored-by: Henrik Giesel <hengiesel@gmail.com> |
||
|---|---|---|
| .. | ||
| editor-toolbar | ||
| image-overlay | ||
| mathjax-overlay | ||
| plain-text-input | ||
| rich-text-input | ||
| symbols-overlay | ||
| base.ts | ||
| BrowserEditor.svelte | ||
| BUILD.bazel | ||
| change-timer.ts | ||
| ClozeButtons.svelte | ||
| code-mirror.ts | ||
| CodeMirror.svelte | ||
| CollapseBadge.svelte | ||
| DecoratedElements.svelte | ||
| destroyable.ts | ||
| DuplicateLink.svelte | ||
| EditingArea.svelte | ||
| editor-base.scss | ||
| EditorField.svelte | ||
| FieldDescription.svelte | ||
| Fields.svelte | ||
| FieldState.svelte | ||
| FocusTrap.svelte | ||
| FrameElement.svelte | ||
| HandleBackground.svelte | ||
| HandleControl.svelte | ||
| HandleLabel.svelte | ||
| helpers.ts | ||
| icons.ts | ||
| index_browser.ts | ||
| index_creator.ts | ||
| index_reviewer.ts | ||
| LabelContainer.svelte | ||
| LabelName.svelte | ||
| legacy.scss | ||
| MathjaxElement.svelte | ||
| NoteCreator.svelte | ||
| NoteEditor.svelte | ||
| Notification.svelte | ||
| old-editor-adapter.ts | ||
| PlainTextBadge.svelte | ||
| PreviewButton.svelte | ||
| ReviewerEditor.svelte | ||
| RichTextBadge.svelte | ||
| StickyBadge.svelte | ||
| surround.ts | ||
| tsconfig.json | ||