steffo/todocolors
steffo/todocolors
1
Fork 0
mirror of https://github.com/Steffo99/todocolors.git synced 2024-11-25 17:54:18 +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;
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>
{taskGroup.name}
</h3>
<div>
<div className={style.boardColumnContents}>
{taskGroup.tasks.map(task => <TaskDisplay task={task} key={task.id}/>)}
</div>
</div>

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

@ -17,13 +17,3 @@
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;
}