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>
53 lines
1.0 KiB
Python
53 lines
1.0 KiB
Python
load("//ts/svelte:svelte.bzl", "compile_svelte", "svelte_check")
|
|
load("//ts:prettier.bzl", "prettier_test")
|
|
load("//ts:eslint.bzl", "eslint_test")
|
|
load("//ts:typescript.bzl", "typescript")
|
|
|
|
_ts_deps = [
|
|
"//ts/lib",
|
|
"//ts/sveltelib",
|
|
"@npm//@popperjs/core",
|
|
"@npm//@types/bootstrap",
|
|
"@npm//@floating-ui/dom",
|
|
"@npm//bootstrap",
|
|
"@npm//svelte",
|
|
"@npm//@mdi",
|
|
]
|
|
|
|
compile_svelte(
|
|
deps = _ts_deps + ["//sass/bootstrap"],
|
|
)
|
|
|
|
typescript(
|
|
name = "components",
|
|
deps = _ts_deps + [
|
|
":svelte",
|
|
],
|
|
)
|
|
|
|
# Tests
|
|
################
|
|
|
|
prettier_test()
|
|
|
|
eslint_test()
|
|
|
|
svelte_check(
|
|
name = "svelte_check",
|
|
srcs = glob([
|
|
"*.ts",
|
|
"*.svelte",
|
|
]) + [
|
|
"//sass:base_lib",
|
|
"//sass:button_mixins_lib",
|
|
"//sass:scrollbar_lib",
|
|
"//sass:panes_lib",
|
|
"//sass:breakpoints_lib",
|
|
"//sass:elevation_lib",
|
|
"//sass/bootstrap",
|
|
"@npm//@types/bootstrap",
|
|
"//ts/lib:lib_pkg",
|
|
"//ts/sveltelib:sveltelib_pkg",
|
|
],
|
|
)
|