ruiling/tachybase_todo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improve styling

Browse Source
This commit is contained in:
chenos 2021-08-19 23:41:20 +08:00
parent 5299a2ece9
commit 4b20cd7bbf
1 changed files with 14 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
packages/client/src/schemas/kanban/style.less
View File

@ -2,14 +2,14 @@
position: relative; position: relative;
width: 300px; width: 300px;
background: #f9f9f9; background: #f9f9f9;
margin-right: 24px; margin-right: 12px;
padding: 24px; padding: 12px;
&.add-column { &.add-column {
padding: 0; padding: 0;
margin-right: 0; margin-right: 0;
background: rgba(241, 139, 98, 0.05); background: rgba(241, 139, 98, 0.05);
cursor: pointer; cursor: pointer;
color: #F18B62; color: #f18b62;
text-align: center; text-align: center;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -20,13 +20,13 @@
position: absolute; position: absolute;
width: 1px; width: 1px;
height: 50px; height: 50px;
background: #F18B62; background: #f18b62;
} }
&::after { &::after {
position: absolute; position: absolute;
width: 50px; width: 50px;
height: 1px; height: 1px;
background: #F18B62; background: #f18b62;
} }
} }
&:hover { &:hover {
@ -45,22 +45,21 @@
display: flex; display: flex;
margin: 0; margin: 0;
overflow: auto; overflow: auto;
.item {
position: relative;
min-height: 50px;
background: #f1f1f1;
margin-bottom: 12px;
&.isDragging {
opacity: 0.5;
}
}
} }
.kanban-container { .kanban-container {
display: flex; display: flex;
} }
.item {
position: relative;
min-height: 50px;
background: #f1f1f1;
margin-bottom: 24px;
&.isDragging {
opacity: 0.5;
}
}
.drag-handle { .drag-handle {
position: absolute; position: absolute;
top: 0; top: 0;
@ -103,4 +102,3 @@
} }
} }
} }