ami/tl-vikunja
1
0
Fork 0
Code Activity

Move all content to cards (#387)

Browse Source 
Co-authored-by: kolaente <k@knt.li>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/387
Co-authored-by: konrad <konrad@kola-entertainments.de>
Co-committed-by: konrad <konrad@kola-entertainments.de>
This commit is contained in:
konrad
2021-01-24 13:00:21 +00:00
parent e0d120da5d
commit 8828426c91
13 changed files with 277 additions and 272 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/styles/components/gantt.scss
View File

@ -6,8 +6,8 @@ $gantt-vertical-border-color: $grey-100;
}
.gantt-chart {
padding: 5px 0;
overflow-x: auto;
border-top: 1px solid $grey-200;
.dates {
display: flex;
@ -195,10 +195,6 @@ $gantt-vertical-border-color: $grey-100;
font-size: .68rem;
}
}
.filter-container {
margin-top: -136px;
}
}
.gantt-options {

2
src/styles/components/kanban.scss
View File

@ -81,7 +81,7 @@ $filter-container-height: '1rem - #{$switch-view-height}';
font-size: .85rem;
word-break: break-word;
}
.progress {
margin: 8px 0 0 0;
width: 100%;

2
src/styles/components/list.scss
View File

@ -144,7 +144,7 @@
.link-share-container .gantt-chart-container .filter-container,
.gantt-chart-container .filter-container {
margin-top: -136px;
margin-top: calc(-138px - 2rem);
}
.link-share-container .list-view .filter-container {

25
src/styles/components/tasks.scss
View File

@ -1,3 +1,15 @@
.tasks-container {
display: flex;
.tasks {
width: 100%;
}
.taskedit {
width: 50%;
}
}
.tasks {
margin-top: 1rem;
padding: 0;
@ -20,14 +32,19 @@
.task {
display: flex;
flex-wrap: wrap;
padding: 0.5rem 1rem;
border-bottom: 1px solid $grey-200;
padding: 0.5rem;
transition: background-color $transition;
align-items: center;
cursor: pointer;
margin: 0 .5rem;
border-radius: $radius;
&:last-child {
margin-bottom: .5rem;
}
&:hover {
background-color: $grey-200;
background-color: $grey-100;
}
.tasktext,
@ -112,6 +129,7 @@
.fancycheckbox {
height: 18px;
padding-top: 0;
padding-right: .5rem;
span {
display: none;
@ -300,7 +318,6 @@
}
.is-max-width-desktop .tasks .task {
width: 100%;
max-width: $desktop;
}