diff options
| author | Luiz Kill <luizkill@gmail.com> | 2022-08-02 11:43:52 -0300 |
|---|---|---|
| committer | Luiz Kill <luizkill@gmail.com> | 2022-08-02 11:43:52 -0300 |
| commit | a769c2d1206e86cf446ffdf8c7b68ef834624d0a (patch) | |
| tree | 40d3ff70f8c6af3a91bd0e5ca5a79ad56df7ed15 | |
| parent | 4d31533af3b66fbbcff9565bedc13f4916b68e6c (diff) | |
| download | trackermap-web-a769c2d1206e86cf446ffdf8c7b68ef834624d0a.tar.gz trackermap-web-a769c2d1206e86cf446ffdf8c7b68ef834624d0a.tar.bz2 trackermap-web-a769c2d1206e86cf446ffdf8c7b68ef834624d0a.zip | |
Refactors the handle selection
| -rw-r--r-- | modern/package-lock.json | 14 | ||||
| -rw-r--r-- | modern/src/main/StatusCard.js | 2 |
2 files changed, 15 insertions, 1 deletions
diff --git a/modern/package-lock.json b/modern/package-lock.json index 10e3ee71..7265f0e3 100644 --- a/modern/package-lock.json +++ b/modern/package-lock.json @@ -25,6 +25,7 @@ "moment": "^2.29.4", "react": "^18.2.0", "react-dom": "^18.2.0", + "react-draggable": "^4.4.5", "react-mui-dropzone": "^4.0.6", "react-redux": "^8.0.2", "react-router-dom": "^6.3.0", @@ -16417,6 +16418,19 @@ "react": "^18.2.0" } }, + "node_modules/react-draggable": { + "version": "4.4.5", + "resolved": "https://registry.npmjs.org/react-draggable/-/react-draggable-4.4.5.tgz", + "integrity": "sha512-OMHzJdyJbYTZo4uQE393fHcqqPYsEtkjfMgvCHr6rejT+Ezn4OZbNyGH50vv+SunC1RMvwOTSWkEODQLzw1M9g==", + "dependencies": { + "clsx": "^1.1.1", + "prop-types": "^15.8.1" + }, + "peerDependencies": { + "react": ">= 16.3.0", + "react-dom": ">= 16.3.0" + } + }, "node_modules/react-dropzone": { "version": "10.2.2", "resolved": "https://registry.npmjs.org/react-dropzone/-/react-dropzone-10.2.2.tgz", diff --git a/modern/src/main/StatusCard.js b/modern/src/main/StatusCard.js index f80d9705..5ca45066 100644 --- a/modern/src/main/StatusCard.js +++ b/modern/src/main/StatusCard.js @@ -157,7 +157,7 @@ const StatusCard = ({ deviceId, onClose }) => { <> {device && ( <Draggable - handle={deviceImage ? `.${classes.media}` : `.${classes.header}`} + handle={`.${classes.media}, .${classes.header}`} > <Card elevation={3} className={classes.card}> {deviceImage ? ( |