소스 검색

min working example with listWidth

mark 2 년 전
부모
커밋
0ec9c4c37b
3개의 변경된 파일10개의 추가작업 그리고 3개의 파일을 삭제
  1. 2 2
      client/components/lists/list.css
  2. 2 1
      client/components/lists/list.jade
  3. 6 0
      client/components/lists/list.js

+ 2 - 2
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: */

+ 2 - 1
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
 

+ 6 - 0
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({