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 -->
<div
class="{orientation === 'col'
? 'w-1 h-full cursor-col-resize'
: 'w-full h-1 cursor-row-resize'} {orientation}"
? 'w-1 h-full cursor-col-resize border-l'
: 'w-full h-1 cursor-row-resize border-t'} {orientation}"
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.
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
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
When hovering over the elevation profile, a tooltip will show statistics at the cursor position.