From 0ec9c4c37b57985279b40eae5a8a420f626c656b Mon Sep 17 00:00:00 2001
From: mark <markm@cs.wisc.edu>
Date: Tue, 13 Jun 2023 12:54:18 -0500
Subject: [PATCH] min working example with listWidth

---
 client/components/lists/list.css  | 4 ++--
 client/components/lists/list.jade | 3 ++-
 client/components/lists/list.js   | 6 ++++++
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/client/components/lists/list.css b/client/components/lists/list.css
index 5e5950aa9..4b26f0c05 100644
--- a/client/components/lists/list.css
+++ b/client/components/lists/list.css
@@ -7,8 +7,8 @@
   border-left: 1px solid #ccc;
   padding: 0;
   float: left;
-  min-width: 270px;
-  max-width: 270px;
+  min-width: 100px; /* TODO(mark-i-m): hardcoded? */
+  /*max-width: 270px;*/
   /* Reverted incomplete change list width: */
   /* https://github.com/wekan/wekan/issues/4558 */
   /* Orinal width: 270px. Changes not saved yet: */
diff --git a/client/components/lists/list.jade b/client/components/lists/list.jade
index c02e0dd6e..748c53538 100644
--- a/client/components/lists/list.jade
+++ b/client/components/lists/list.jade
@@ -1,5 +1,6 @@
 template(name='list')
-  .list.js-list(id="js-list-{{_id}}")
+  .list.js-list(id="js-list-{{_id}}"
+                style="width:{{listWidth}}px;")
     +listHeader
     +listBody
 
diff --git a/client/components/lists/list.js b/client/components/lists/list.js
index db97a5a8d..51ca443fb 100644
--- a/client/components/lists/list.js
+++ b/client/components/lists/list.js
@@ -201,6 +201,12 @@ BlazeComponent.extendComponent({
       });
     });
   },
+
+  listWidth() {
+    const user = Meteor.user();
+    const list = Template.currentData();
+    return user.getListWidth(list.boardId, list._id);
+  },
 }).register('list');
 
 Template.miniList.events({