local-it/vikunja-frontend
Archived
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Move list edit/namespace to separate pages and in a menu (#397)

Browse source 
Co-authored-by: kolaente <k@knt.li>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/397
Co-authored-by: konrad <konrad@kola-entertainments.de>
Co-committed-by: konrad <konrad@kola-entertainments.de>
This commit is contained in:
konrad 2021-01-30 16:17:04 +00:00
parent 649714e8a9
commit e0be77d88f
54 changed files with 1773 additions and 974 deletions
Download patch file Download diff file Expand all files Collapse all files

59
src/styles/components/list.scss
View file

@ -8,24 +8,6 @@
.content {
padding: 0;
}
.table {
border-top: 1px solid $grey-100;
border-radius: 4px;
overflow: hidden;
td {
vertical-align: middle;
}
td.type, td.actions {
width: 250px;
}
td.actions {
text-align: right;
}
}
}
.task-add {
@ -51,11 +33,12 @@
margin: 0;
}
.icon {
.dropdown-trigger {
color: $grey-400;
margin-left: 1rem;
height: 1rem;
width: 1rem;
cursor: pointer;
}
}
@ -63,6 +46,10 @@
padding-bottom: 1rem;
}
$filter-container-top-default: -59px;
$filter-container-top-link-share-gantt: -138px;
$filter-container-top-link-share-list: -47px;
.filter-container {
text-align: right;
width: 100%;
@ -70,7 +57,7 @@
max-width: 180px;
position: absolute;
right: 1.5rem;
margin-top: -59px;
margin-top: $filter-container-top-default;
z-index: 4;
.items {
@ -146,20 +133,42 @@
}
}
.list-namespace-title {
color: $grey-500;
}
.link-share-container .gantt-chart-container .filter-container,
.gantt-chart-container .filter-container {
margin-top: calc(-138px - 2rem);
right: 0;
margin-top: calc(#{$filter-container-top-link-share-gantt} - 2rem);
}
.link-share-container .list-view .filter-container {
margin-top: -47px;
margin-top: $filter-container-top-link-share-list;
}
.link-share-container .filter-container {
right: 9rem;
margin-top: -59px;
margin-top: $filter-container-top-default;
}
.list-namespace-title {
color: $grey-500;
.is-archived {
$notification-height: 1.25rem + 1.25rem + 1.5rem + 1.5rem;
.filter-container {
margin-top: calc(#{$filter-container-top-default} - #{$notification-height});
}
.link-share-container .gantt-chart-container .filter-container,
.gantt-chart-container .filter-container {
margin-top: calc(#{$filter-container-top-link-share-gantt} - 2rem - #{$notification-height});
}
.link-share-container .list-view .filter-container {
margin-top: calc(#{$filter-container-top-link-share-list} - #{$notification-height});
}
.link-share-container .filter-container {
margin-top: calc(#{$filter-container-top-default} - #{$notification-height});
}
}