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 |