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> |
||
---|---|---|
.. | ||
Absolute.svelte | ||
Badge.svelte | ||
BUILD.bazel | ||
ButtonGroup.svelte | ||
ButtonGroupItem.svelte | ||
ButtonToolbar.svelte | ||
CheckBox.svelte | ||
Col.svelte | ||
Collapsible.svelte | ||
Container.svelte | ||
context-keys.ts | ||
DropdownDivider.svelte | ||
DropdownItem.svelte | ||
DynamicallySlottable.svelte | ||
FloatingArrow.svelte | ||
helpers.ts | ||
HorizontalResizer.svelte | ||
IconButton.svelte | ||
IconConstrain.svelte | ||
icons.ts | ||
Item.svelte | ||
LabelButton.svelte | ||
Pane.svelte | ||
PaneContent.svelte | ||
Popover.svelte | ||
resizable.ts | ||
Row.svelte | ||
Select.svelte | ||
SelectOption.svelte | ||
Shortcut.svelte | ||
Spacer.svelte | ||
SpinBox.svelte | ||
StickyContainer.svelte | ||
Switch.svelte | ||
tsconfig.json | ||
types.ts | ||
VerticalResizer.svelte | ||
WithContext.svelte | ||
WithFloating.svelte | ||
WithOverlay.svelte | ||
WithState.svelte | ||
WithTooltip.svelte |