Merge pull request #140 from RENCI/#136-Drag-layer-models

#136 drag layer models
RENCI · Aug 5, 2024 · fe9b350 · fe9b350
2 parents be3b8a0 + 5b727e0
commit fe9b350
Show file tree

Hide file tree

Showing 6 changed files with 336 additions and 107 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -69,6 +69,7 @@
     "mapbox-gl": "^3.1.2",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
+    "react-beautiful-dnd": "^13.1.1",
     "react-dom": "^18.2.0",
     "react-draggable": "^4.4.6",
     "react-leaflet": "^4.2.1",

diff --git a/src/components/sidebar/tray.js b/src/components/sidebar/tray.js
@@ -19,8 +19,8 @@ export const Tray = ({ active, Contents, title, closeHandler }) => {
         width: TRAY_WIDTH,
         zIndex: 410,
         filter: 'drop-shadow(0 0 8px rgba(0, 0, 0, 0.2))',
-        overflowX: 'hidden',
-        overflowY: 'auto',
+        overflow: 'hidden',
+        // overflowY: 'auto',
         display: 'flex',
         flexDirection: 'column',
         ".tray-header": {

diff --git a/src/components/trays/layers/delete-layer-button.js b/src/components/trays/layers/delete-layer-button.js
@@ -43,7 +43,7 @@ export const DeleteModelRunButton = ({ groupId }) => {
       sx={{
         alignContent: 'right',
         m: 1,
-        'filter': 'opacity(0.3)',
+        'filter': 'opacity(0.5)',
         transition: 'filter 250ms',
         '&:hover': {
           'filter': 'opacity(1.0)',