Fix: Update column breakpoint to medium

cgkineo · May 18, 2023 · 149e9cd · 149e9cd
2 parents a861c55 + 46880fe
commit 149e9cd
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -4,7 +4,7 @@
     "type": "git",
     "url": "git://github.com/cgkineo/adapt-list.git"
   },
-  "framework": ">=5.14",
+  "framework": ">=5.31.4",
   "version": "5.2.7",
   "homepage": "https://github.com/cgkineo/adapt-list",
   "issues": "https://github.com/cgkineo/adapt-list/issues",

diff --git a/templates/list.jsx b/templates/list.jsx
@@ -1,4 +1,4 @@
-import Adapt from 'core/js/adapt';
+import device from 'core/js/device';
 import React from 'react';
 import a11y from 'core/js/a11y';
 import { templates, classes, compile } from 'core/js/reactHelpers';
@@ -33,7 +33,7 @@ export default function List({ _columns, _orderedList, _items, ...props }) {
                 _classes
               ])}
               role="listitem"
-              style={(hasColumns && Adapt.device.screenSize === 'large' && { width: `${100 / _columns}%` }) || null}
+              style={(hasColumns && device.isScreenSizeMin('medium') && { width: `${100 / _columns}%` }) || null}
             >
               <div className="list-item__inner">
                 {!_graphic?.src &&