@rpg-engine/long-bow 0.5.80 → 0.5.82

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpg-engine/long-bow",
-  "version": "0.5.80",
+  "version": "0.5.82",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/DraggableContainer.tsx

@@ -150,6 +150,8 @@ const Container = styled.div<IContainerProps>`
   flex-wrap: wrap;
   image-rendering: pixelated;
 
+  overflow-y: hidden;
+
   ${({ opacity }) =>
     opacity &&
     css`

package/src/components/Item/Inventory/ItemContainer.tsx

@@ -280,12 +280,16 @@ const ItemsContainer = styled.div<IItemsContainerProps>`
   flex-wrap: wrap;
   max-height: ${({ isFullScreen }) =>
     isFullScreen
-      ? '100vh'
+      ? undefined
       : '270px'}; // Adjust the max-height based on the prop
-  overflow-y: ${({ isScrollable }) => (isScrollable ? 'scroll' : 'hidden')};
+  overflow-y: ${({ isScrollable }) => (isScrollable ? 'auto' : 'hidden')};
   overflow-x: hidden;
   width: ${({ isFullScreen }) =>
     isFullScreen ? '100vw' : '415px'}; // Adjust the width based on the prop
 
-  margin-top: ${({ isFullScreen }) => (isFullScreen ? '1rem' : '0')};
+  max-height: ${({ isFullScreen }) => isFullScreen && '60%'};
+
+  @media screen and (max-height: 350px) {
+    max-height: ${({ isFullScreen }) => isFullScreen && '50%'};
+  }
 `;

package/src/components/Shortcuts/ShortcutsSetter.tsx

@@ -161,5 +161,6 @@ const List = styled.div`
   flex-wrap: wrap;
 
   padding: 0.3rem;
+
   padding-bottom: 1rem;
 `;

package/src/mocks/itemContainer.mocks.ts

@@ -586,7 +586,7 @@ export const itemContainerMock = (
       _id: '629ba0b6fe3f43002f58f23b',
       name: 'Item Container',
       owner: '629ba0b6fe3f43002f58f23b',
-      slotQty: 20,
+      slotQty: 40,
       slots: {
         0: items[0],
         1: items[1],
@@ -604,6 +604,11 @@ export const itemContainerMock = (
         13: items[13],
         14: items[14],
         15: items[15],
+        16: items[16],
+        17: items[17],
+        18: items[18],
+        19: items[19],
+        20: items[20],
         //remaining slots are considered null by default
       },
       allowedItemTypes: [],