This repository has been archived on 2024-02-08. You can view files and clone it, but cannot push or open issues or pull requests.
frontend/src/styles/components/list.scss
konrad ef01e8807e
All checks were successful
continuous-integration/drone/push Build is passing
Task FIlters (#149)
Set done filter based on passed params

Make due date filter actually work

Move filters into seperate config

Merge branch 'master' into feature/task-filters

Change done task filter text

Make sure done tasks are always shown in table view

Table view filter improvements

Add done filter to table view

Fix indent

Add filter icon

Move search and filter container

Add filter for done tasks

Hide done tasks by default

Co-authored-by: kolaente <k@knt.li>
Reviewed-on: #149
2020-06-11 15:34:13 +00:00

124 lines
1.6 KiB
SCSS

.card.is-fullwidth {
margin-bottom: 1rem;
.add-form {
margin: 1rem;
}
.content {
padding: 0;
}
.table {
border-top: 1px solid darken(#fff, 15%);
border-radius: 4px;
overflow: hidden;
td {
vertical-align: middle;
}
td.type, td.actions {
width: 250px;
}
td.actions {
text-align: right;
}
}
}
.sharables-list, .sharables-namespace {
padding: 0 !important;
}
.task-add .button {
padding: 10px 1em;
height: 40px;
}
.list-title {
display: flex;
align-items: center;
h1 {
margin: 0;
}
.icon {
color: $grey-dark;
margin-left: 1rem;
height: 1rem;
width: 1rem;
}
}
.edit-list {
padding-bottom: 1em;
}
.filter-container {
text-align: right;
width: 100%;
min-width: 400px;
max-width: 180px;
position: absolute;
right: 1.5em;
margin-top: -58px;
z-index: 99;
.items {
display: flex;
justify-content: flex-end;
.button:not(:last-child) {
margin-right: .5em;
}
}
.button {
height: $switch-view-height;
}
.card {
text-align: left;
margin-top: calc(1rem - 1px);
float: right;
}
.fancycheckbox {
display: block;
}
.search {
display: flex;
align-items: center;
justify-content: space-between;
margin-right: .5em;
.button, .input {
height: $switch-view-height;
}
.field {
transition: width $transition;
width: 100%;
&.hidden {
width: 0;
height: 0;
margin: 0;
overflow: hidden;
}
.button {
height: 100%;
}
}
}
.filters input {
font-size: .9em;
}
}