steffo/todocolors
steffo/todocolors
1
Fork 0
mirror of https://github.com/Steffo99/todocolors.git synced 2024-11-22 16:24:19 +00:00
Code Activity

Rearrange CSS rules into something with more sense

Browse source
This commit is contained in:
Steffo 2023-08-06 02:11:28 +02:00
parent 4d46be862b
commit def0298b12
Signed by: steffo
GPG key ID: 2A24051445686895
3 changed files with 17 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
todoblue/src/app/board/[board]/BoardColumn.module.css
View file

@ -3,3 +3,19 @@
flex-direction: column; flex-direction: column;
gap: 8px; gap: 8px;
} }
.boardColumnContents > * {
flex-shrink: 0;
}
.boardColumnContents {
display: flex;
flex-direction: column;
gap: 8px;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 8px;
overflow-x: hidden;
overflow-y: scroll;
}

2
todoblue/src/app/board/[board]/BoardColumn.tsx
View file

@ -9,7 +9,7 @@ export function BoardColumn({taskGroup}: {taskGroup: TaskGroup}) {
<h3> <h3>
{taskGroup.name} {taskGroup.name}
</h3> </h3>
<div> <div className={style.boardColumnContents}>
{taskGroup.tasks.map(task => <TaskDisplay task={task} key={task.id}/>)} {taskGroup.tasks.map(task => <TaskDisplay task={task} key={task.id}/>)}
</div> </div>
</div> </div>

10
todoblue/src/app/board/[board]/BoardMainTaskGroups.module.css
View file

@ -17,13 +17,3 @@
max-width: 480px; max-width: 480px;
} }
.boardMainTaskGroups > div > div {
display: flex;
flex-direction: column;
gap: 8px;
overflow-y: scroll;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 8px;
}