feat: adapt list size to number of visible lists

graasp · Jan 9, 2023 · d0ddfb8 · d0ddfb8
1 parent a2da251
commit d0ddfb8
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/components/main/tasks/TasksList.tsx b/src/components/main/tasks/TasksList.tsx
@@ -70,6 +70,7 @@ const TasksList: FC<TasksListProps> = ({
         position: 'relative',
         zIndex: 1,
         boxShadow: isOver ? `0 0 1em ${theme.palette.primary.light}` : 'none',
+        maxWidth: '40em',
       }}
       key={label}
     >

diff --git a/src/components/views/TasksManager.tsx b/src/components/views/TasksManager.tsx
@@ -60,6 +60,13 @@ const TasksManager: FC = () => {
     [TASK_LABELS.COMPLETED]: false,
   });
 
+  const numberOfColumnsInGridForVisibleList =
+    12 /
+    Object.values(hiddenLists).reduce(
+      (total, x) => (x === false ? total + 1 : total),
+      0,
+    );
+
   const [activeTask, setActiveTask] = useState<ExistingTaskType | null>(null);
 
   const filteredMembersSetting = appSettingArray.find(
@@ -182,7 +189,12 @@ const TasksManager: FC = () => {
         unmountOnExit
         style={{ height: 'auto' }}
       >
-        <Grid item sm={12} md={4} height="100%">
+        <Grid
+          item
+          sm={12}
+          md={numberOfColumnsInGridForVisibleList}
+          height="100%"
+        >
           <TasksList
             title={title}
             label={label}