Skip to content

Commit 7fed374

Browse files
docs: update README preview image
1 parent 86fe730 commit 7fed374

File tree

4 files changed

+11
-11
lines changed

4 files changed

+11
-11
lines changed

README.md

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ A package to create accessible sortable lists in Svelte.
44

55
[![NPM Version](https://img.shields.io/npm/v/@rodrigodagostino/svelte-sortable-list)](https://www.npmjs.com/package/@rodrigodagostino/svelte-sortable-list) [![Latest release](https://img.shields.io/github/release/rodrigodagostino/svelte-sortable-list.svg)](https://github.com/rodrigodagostino/svelte-sortable-list/releases/latest) [![License](https://img.shields.io/github/license/rodrigodagostino/svelte-sortable-list.svg)](LICENSE.md)
66

7-
![Preview](https://raw.githubusercontent.com/rodrigodagostino/svelte-sortable-list/master/static/preview.gif?raw=true)
7+
![Preview](https://raw.githubusercontent.com/rodrigodagostino/svelte-sortable-list/master/static/_preview.gif?raw=true)
88

99
Live demos:
1010

@@ -373,16 +373,16 @@ This is a list of the selectors you can use to style this library’s components
373373

374374
| Selector | Points to |
375375
| ------------------------------------------------- | ---------------------------------------------------------------------------------------------------- |
376-
| `.ssl-list` | The list element, located inside the `<SortableList.Root>` component. |
377-
| `.ssl-list[aria-orientation="vertical"]` | A `<SortableList.Root>` displayed in vertical direction. |
378-
| `.ssl-list[aria-orientation="horizontal"]` | A `<SortableList.Root>` displayed in horizontal direction. |
379-
| `.ssl-list[data-has-locked-axis="true"]` | A `<SortableList.Root>` that only allows its items to move along its main axis. |
380-
| `.ssl-list[data-has-boundaries="true"]` | A `<SortableList.Root>` that only allows its items to move inside its limits. |
381-
| `.ssl-list[data-can-clear-on-drag-out="true"]` | A `<SortableList.Root>` that allows the target item to be cleared on drag out. |
382-
| `.ssl-list[data-can-remove-on-drop-out="true"]` | A `<SortableList.Root>` that allows the target item to be removed on drop out. |
383-
| `.ssl-list[data-is-locked="true"]` | A `<SortableList.Root>` that disallows dragging for its items. |
384-
| `.ssl-list[data-is-disabled="true"]` | A `<SortableList.Root>` that disallows dragging and interactivity for its items. |
385-
| `.ssl-list[aria-disabled="true"]` | A `<SortableList.Root>` that disallows dragging and interactivity for its items. |
376+
| `.ssl-root` | The list element, located inside the `<SortableList.Root>` component. |
377+
| `.ssl-root[aria-orientation="vertical"]` | A `<SortableList.Root>` displayed in vertical direction. |
378+
| `.ssl-root[aria-orientation="horizontal"]` | A `<SortableList.Root>` displayed in horizontal direction. |
379+
| `.ssl-root[data-has-locked-axis="true"]` | A `<SortableList.Root>` that only allows its items to move along its main axis. |
380+
| `.ssl-root[data-has-boundaries="true"]` | A `<SortableList.Root>` that only allows its items to move inside its limits. |
381+
| `.ssl-root[data-can-clear-on-drag-out="true"]` | A `<SortableList.Root>` that allows the target item to be cleared on drag out. |
382+
| `.ssl-root[data-can-remove-on-drop-out="true"]` | A `<SortableList.Root>` that allows the target item to be removed on drop out. |
383+
| `.ssl-root[data-is-locked="true"]` | A `<SortableList.Root>` that disallows dragging for its items. |
384+
| `.ssl-root[data-is-disabled="true"]` | A `<SortableList.Root>` that disallows dragging and interactivity for its items. |
385+
| `.ssl-root[aria-disabled="true"]` | A `<SortableList.Root>` that disallows dragging and interactivity for its items. |
386386
| `.ssl-item` | The list item element, located inside the `<SortableList.Item>` component. |
387387
| `.ssl-item[data-drag-state="pointer-dragging"]` | A `<SortableList.Item>` that is being dragged by a pointing device. |
388388
| `.ssl-item[data-drag-state="pointer-dropping"]` | A `<SortableList.Item>` that is being dropped by a pointing device. |

static/_preview.gif

1.14 MB
Loading

static/preview.gif

-598 KB
Binary file not shown.

static/preview.webm

157 KB
Binary file not shown.

0 commit comments

Comments
 (0)