add small border to resizer, and explain in docs

This commit is contained in:
vcoppe
2024-07-18 19:10:34 +02:00
parent 37334f734b
commit 27347a8399
2 changed files with 10 additions and 2 deletions

View File

@@ -35,7 +35,7 @@
<!-- svelte-ignore a11y-no-static-element-interactions --> <!-- svelte-ignore a11y-no-static-element-interactions -->
<div <div
class="{orientation === 'col' class="{orientation === 'col'
? 'w-1 h-full cursor-col-resize' ? 'w-1 h-full cursor-col-resize border-l'
: 'w-full h-1 cursor-row-resize'} {orientation}" : 'w-full h-1 cursor-row-resize border-t'} {orientation}"
on:pointerdown={handleMouseDown} on:pointerdown={handleMouseDown}
/> />

View File

@@ -42,10 +42,18 @@ Indeed, this layout allows to inspect the content of the files through collapsib
You also can apply [edit actions](./menu/edit) and [tools](./toolbar/) to inner file items. You also can apply [edit actions](./menu/edit) and [tools](./toolbar/) to inner file items.
Furthermore, you can drag and drop the inner items to reorder them, or move them in the hierarchy or even to another file. Furthermore, you can drag and drop the inner items to reorder them, or move them in the hierarchy or even to another file.
<DocsNote>
The size of the file list can be adjusted by dragging the separator between the map and the file list.
</DocsNote>
## Elevation profile and statistics ## Elevation profile and statistics
At the bottom of the interface, you can find the elevation profile and statistics for the current selection. At the bottom of the interface, you can find the elevation profile and statistics for the current selection.
<DocsNote>
The size of the elevation profile can be adjusted by dragging the separator between the map and the elevation profile.
</DocsNote>
### Interactive statistics ### Interactive statistics
When hovering over the elevation profile, a tooltip will show statistics at the cursor position. When hovering over the elevation profile, a tooltip will show statistics at the cursor position.