Anki/ts/tag-editor
Matthias Metelka f72570c604
Make tags editor resizable using Henrik's components (#2046)
* 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>
2022-09-28 14:02:32 +10:00
..
tag-options-button Make tags editor resizable using Henrik's components (#2046) 2022-09-28 14:02:32 +10:00
AutocompleteItem.svelte Redesign deck options inputs (#2082) 2022-09-27 12:16:45 +10:00
BUILD.bazel Plaintext import/export (#1850) 2022-06-01 20:26:16 +10:00
icons.ts Plaintext import/export (#1850) 2022-06-01 20:26:16 +10:00
index.ts Plaintext import/export (#1850) 2022-06-01 20:26:16 +10:00
Tag.svelte Redesign deck options inputs (#2082) 2022-09-27 12:16:45 +10:00
TagDeleteBadge.svelte Plaintext import/export (#1850) 2022-06-01 20:26:16 +10:00
TagEditMode.svelte Plaintext import/export (#1850) 2022-06-01 20:26:16 +10:00
TagEditor.svelte Make tags editor resizable using Henrik's components (#2046) 2022-09-28 14:02:32 +10:00
TagInput.svelte Introduce new color palette using Sass maps (#2016) 2022-09-16 14:11:18 +10:00
tags.ts Plaintext import/export (#1850) 2022-06-01 20:26:16 +10:00
TagSpacer.svelte Plaintext import/export (#1850) 2022-06-01 20:26:16 +10:00
TagWithTooltip.svelte Plaintext import/export (#1850) 2022-06-01 20:26:16 +10:00
tsconfig.json Plaintext import/export (#1850) 2022-06-01 20:26:16 +10:00
WithAutocomplete.svelte Insert symbols overlay (#2051) 2022-09-10 18:46:59 +10:00