Skip to content

Commit

Permalink
Showing 10 changed files with 29 additions and 10 deletions.
5 changes: 5 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,10 @@
# Changelog

## 4.9.2

- Add `grab` cursor to items so there's and indicator that items are grabbable.


## 4.9.1

- Fix issue where Chrome on Android would launch pull-to-refresh when trying to drag a file item.
6 changes: 5 additions & 1 deletion dist/filepond.css
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/*!
* FilePond 4.9.1
* FilePond 4.9.2
* Licensed under MIT, https://opensource.org/licenses/MIT/
* Please visit https://pqina.nl/filepond/ for details.
*/
@@ -510,6 +510,10 @@
.filepond--item > .filepond--panel {
transition: opacity 0.15s ease-out;
}
.filepond--item[data-drag-state] {
cursor: -webkit-grab;
cursor: grab;
}
.filepond--item[data-drag-state] > .filepond--panel {
transition: box-shadow 0.125s ease-in-out;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
5 changes: 4 additions & 1 deletion dist/filepond.esm.js
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/*!
* FilePond 4.9.1
* FilePond 4.9.2
* Licensed under MIT, https://opensource.org/licenses/MIT/
* Please visit https://pqina.nl/filepond/ for details.
*/
@@ -5996,6 +5996,9 @@ const create$7 = ({ root, props }) => {
// if not allowed to reorder file items, exit here
if (!root.query('GET_ALLOW_REORDER')) return;

// set to idle so shows grab cursor
root.element.dataset.dragState = 'idle';

const grab = e => {
if (!e.isPrimary) return;

4 changes: 2 additions & 2 deletions dist/filepond.esm.min.js

Large diffs are not rendered by default.

5 changes: 4 additions & 1 deletion dist/filepond.js
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/*!
* FilePond 4.9.1
* FilePond 4.9.2
* Licensed under MIT, https://opensource.org/licenses/MIT/
* Please visit https://pqina.nl/filepond/ for details.
*/
@@ -8642,6 +8642,9 @@
// if not allowed to reorder file items, exit here
if (!root.query('GET_ALLOW_REORDER')) return;

// set to idle so shows grab cursor
root.element.dataset.dragState = 'idle';

var grab = function grab(e) {
if (!e.isPrimary) return;

4 changes: 2 additions & 2 deletions dist/filepond.min.css

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions dist/filepond.min.js

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "filepond",
"version": "4.9.1",
"version": "4.9.2",
"description": "FilePond, Where files go to stretch their bits.",
"license": "MIT",
"author": {
1 change: 1 addition & 0 deletions src/css/item.scss
Original file line number Diff line number Diff line change
@@ -27,6 +27,7 @@
}

&[data-drag-state] {
cursor: grab;
> .filepond--panel {
transition: box-shadow .125s ease-in-out;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
3 changes: 3 additions & 0 deletions src/js/app/view/item.js
Original file line number Diff line number Diff line change
@@ -61,6 +61,9 @@ const create = ({ root, props }) => {
// if not allowed to reorder file items, exit here
if (!root.query('GET_ALLOW_REORDER')) return;

// set to idle so shows grab cursor
root.element.dataset.dragState = 'idle';

const grab = e => {

if (!e.isPrimary) return;

0 comments on commit 34e2185

Please sign in to comment.